<ion-header *ngIf="titleBar && titleBar!=={} && (!titleBar.fullscreen || (titleBar.fullscreen && !titleBar.headerId))" [ngClass]="
    {
    'isHeight': !isHeader, 
    'header-orange': titleBar.cssStyle === 'orange',
    'header-white': titleBar.cssStyle === 'white',
    'header-height': this.isShowTitleBar!==undefined,
    'header-fwBlack': titleBar.cssStyle === 'fwBlack'
    }" [translucent]="titleBar.fullscreen" id="home-header-bg-box" [ngStyle]="titleBar.headerStyle | styleFilter">
    <!-- 通用自定义header背景样式 -->
    <div class="header-bg home-header-bg-box" [ngStyle]="titleBar.headerBgStyle | styleFilter" *ngIf="titleBar && titleBar.headerBgStyle">
    </div>

    <!--H52.0.1新增-->
    <div class="view-alert alertDivBox" *ngIf="appGlobalService.isH5OpenInQQ">
        <div class="col-md-12 alertDivInnerLeftBox">
            <p class="H5AlertTips alertDivTips">点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开。</p>
        </div>
        <div class="col-md-12 alertDivInnerRightBox">
            <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16801549354287d4ecdda674aefe0692bc2c963acb1e7.png" class="pull-right alertDivInnerRightBoxIcon">
        </div>
    </div>

    <!--配置titleBar的 background 返回是titleBar.cssStyle 在navone中ts中设置 控制ion-toolbar样式 -->
    <ion-toolbar *ngIf="titleBar.title?.labelName!==''" class="superToolclass 1" [ngStyle]="titleBar.bgImgStyle | styleFilter" id="superToolbar{{currentRootTabId}}" [ngClass]="{'isShow': isHeader,
            'isHide':!isHeader,
            'bg-image':showWaterImg,
            'bg-image-tag': titleBar.showWaterImg ,
            'title-laijian': titleBar.cssStyle === 'laijian', 
            'title-orange': titleBar.cssStyle === 'orange',
            'title-yellow': titleBar.cssStyle === 'yellow',
            'title-fwblack': titleBar.cssStyle === 'fwBlack',
            'title-transparent': titleBar.cssStyle === 'transparent',
            'title-toolbar-onlyTransparent':titleBar.bgImgStyle!==undefined,
            'title-white': titleBar.cssStyle === 'white',
            'title-sharePage': titleBar.cssStyle === 'sharePage',
            'toolbar-height': this.isShowTitleBar!==undefined,
            'title-shareCustomerPage': titleBar.cssStyle === 'shareCustomerPage',
            'bottom-line': (titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ) && titleBar.bottomLine !== false }">





        <ng-container *ngIf="titleBar.title && (!titleBar.title.layout || titleBar.title.layout === 'center')">
            <ion-title id="nav-title" class="nav-title" [ngStyle]="titleBar.title.cssStyle | styleFilter" appDebounceClick (debounceClick)="appGlobalService.openPage(titleBar.title.link)" *ngIf="titleBar.title">{{titleBar.title.labelName}}</ion-title>
        </ng-container>
        <ng-container *ngIf="titleBar.title && titleBar.title.layout === 'left'">
            <ion-buttons slot="start" class="start" [ngStyle]="titleBar.title.cssStyle  | styleFilter" class="nav-title nav-title-left">
                {{titleBar.title.labelName}}
            </ion-buttons>
        </ng-container>
        <ng-container *ngIf="titleBar.title && titleBar.title.layout === 'black'">
            <ion-title id="nav-title" class="blackTitle" *ngIf="titleBar.title">{{titleBar.title.labelName}}</ion-title>
        </ng-container>
        <!-- 顶部的搜索按钮 -->
        <ng-container *ngIf="titleBar.searchInput 
            && titleBar.searchInput?.layout!=='bottom-center' 
            && titleBar.searchInput?.layout!=='bottom-custom' 
            && titleBar.searchInput?.layout!=='bottom-left' 
            && titleBar.searchInput?.layout!=='bottom-right'
            && titleBar.searchInput?.layout!=='body'">
            <!-- 搜索按钮 -->
            <ng-container *ngIf="titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                <!-- 300 维修保洁滚动搜索 右边有搜索btn-->
                <ng-container *ngIf="titleBar.searchInput.searchType==='300'; else elseTemplate300">
                    <div class="newSearch" [ngStyle]="titleBar.searchInput?.cssStyle  | styleFilter">
                        <div class="mask" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,0,$event)"></div>
                        <ion-slides #slidesBy [options]="options_" class="swiper" (ionSlideTap)="clickImg(titleBar.searchInput,$event)" (ionSlideDidChange)="getIndex(slidesBy,titleBar.searchInput)" (ionSlidesDidLoad)="slidesDidLoad(slidesBy,titleBar.searchInput)">
                            <ion-slide *ngFor="let ite of titleBar.searchInput?.placeholder?.split('、');let i = index">
                                <span class="text">{{ite}}</span>
                            </ion-slide>
                        </ion-slides>
                        <div class="newSearch_s" appDebounceClick (debounceClick)="goPage(titleBar.searchInput?.orderLink)">
                            搜索
                        </div>
                    </div>
                </ng-container>
                <ng-template #elseTemplate300>
                    <!--100 户型图 200 缩合成交选择商机和人员-->
                    <ng-container *ngIf="titleBar.searchInput.searchType==='200'; else elseTemplate">
                        <ion-searchbar class="search-bar 200 pointerEventNone" style="pointer-events:unset;" [(ngModel)]="keyword" (keypress)="search($event)" placeholder={{titleBar.searchInput.placeholder}} mode="ios">
                        </ion-searchbar>
                    </ng-container>
                    <ng-template #elseTemplate>
                        <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,$event)" class="readonlyInput">
                            <ion-searchbar class="search-bar pointerEventNone" placeholder={{titleBar.searchInput.placeholder}} value={{titleBar.searchInput.value}} mode="ios" [ngStyle]="(titleBar.searchInput?.link?.params?.key?.cssStyle | styleFilter) || (titleBar.searchInput?.partLink?.params?.key?.cssStyle  | styleFilter)">
                            </ion-searchbar>
                        </div>
                    </ng-template>
                </ng-template>



            </ng-container>
            <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput)">
                    <ion-searchbar class="search-bar search-bar-orange pointerEventNone" *ngIf="titleBar.searchInput" placeholder={{titleBar.searchInput.placeholder}} mode="ios" [ngStyle]="(titleBar.searchInput?.link?.params?.key?.cssStyle  | styleFilter) || (titleBar.searchInput?.partLink?.params?.key?.cssStyle  | styleFilter)">
                    </ion-searchbar>
                </div>

            </ng-container>
            <!--建材商场的搜索-->
            <ng-container *ngIf="!(titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined)&&!(titleBar.cssStyle === 'orange')">
                <ng-container *ngIf="titleBar.searchInput.searchType==='300'; else elseTemplate_300">
                    <div class="newSearch" [ngStyle]="titleBar.searchInput?.cssStyle  | styleFilter">
                        <div class="mask" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,0,$event)"></div>
                        <ion-slides #slidesBy [options]="options_" class="swiper" (ionSlideTap)="clickImg(titleBar.searchInput,$event)" (ionSlideDidChange)="getIndex(slidesBy,titleBar.searchInput.placeholder.split('、'))" (ionSlidesDidLoad)="slidesDidLoad(slidesBy,titleBar.searchInput)" [ngStyle]="titleBar.searchInput?.link?.params?.key?.cssStyle | styleFilter">
                            <ion-slide *ngFor="let ite of titleBar.searchInput?.placeholder?.split('、');let i = index">
                                <span class="text">{{ite}}</span>
                            </ion-slide>
                        </ion-slides>
                        <div class="newSearch_s" appDebounceClick (debounceClick)="goPage(titleBar.searchInput?.orderLink)" [ngStyle]="titleBar.searchInput?.labelCssStyle | styleFilter">
                            搜索
                        </div>
                    </div>
                </ng-container>
                <ng-template #elseTemplate_300>
                    <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,$event)" *ngIf="titleBar.searchInput">
                        <ion-searchbar class="search-bar pointerEventNone search-white" placeholder={{titleBar.searchInput.placeholder}} value={{titleBar.searchInput.value}} mode="ios" [ngStyle]="titleBar.searchInput?.link?.params?.key?.cssStyle | styleFilter">
                        </ion-searchbar>
                    </div>
                </ng-template>
            </ng-container>


        </ng-container>

        <ng-container *ngIf="titleBar.back">
            <ng-container *ngIf="titleBar.back.layout==='left'">
                <ion-buttons slot="start" class="start firstRowLeftBtn" id="{{firstRowLeftIconBtnTimestemp}}" appDebounceClick (debounceClick)="back()">
                    <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1;else elseTemplate">
                        <img class="header-icon-img" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                    </ng-container>
                    <ng-template #elseTemplate>
                        <ng-container *ngIf="titleBar.cssStyle === 'yellow'||titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                            <img class="header-icon-img" style="margin-right: 0px;" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                        </ng-container>
                        <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                            <img class="header-icon-img" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/nav_icon_back_fw.png'" alt="back">
                        </ng-container>
                        <ng-container *ngIf="titleBar.cssStyle === 'laijian'||titleBar.cssStyle === 'sharePage'||titleBar.cssStyle === 'shareCustomerPage'">
                            <img class="header-icon-img" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                        </ng-container>
                    </ng-template>

                </ion-buttons>
            </ng-container>

            <ng-container *ngIf="titleBar.back.layout==='right'">
                <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="back()">
                    <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                        <img class="header-icon-img-r" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/nav_icon_back_fw.png'" alt="back">

                    </ng-container>
                    <ng-template #elseTemplate>
                        <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                            <img class="header-icon-img-r" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                        </ng-container>
                        <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">


                            <img class="header-icon-img-r" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/nav_icon_back_fw.png'" alt="back">
                        </ng-container>
                    </ng-template>


                </ion-buttons>
            </ng-container>
        </ng-container>

        <!-- 顶部布局的 购物车  -->
        <ng-container *ngIf="titleBar.cart
         &&titleBar.cart?.layout!=='bottom-center'
         &&titleBar.cart?.layout!=='bottom-custom'
         &&titleBar.cart?.layout!=='bottom-left'
         &&titleBar.cart?.layout!=='bottom-right'">
            <ng-container *ngIf="titleBar.cart.layout==='left'">
                <ion-buttons slot="start" class="start" [ngClass]="{'titleBar-right-box': !titleBar.cssStyle,'titleBar-right-box-white': titleBar.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.cart)" [ngStyle]="titleBar.cart.cssStyle | styleFilter">

                    <!--蜂喔用户2.0 新增 选择小区 -->

                    <img class="header-icon-img" [src]="titleBar.cart.icon" [ngStyle]="titleBar.cart.link.params.iconCssStyle | styleFilter" onerror="this.src='assets/fw/nav_icon_cart@3x.png'" alt="share">

                    <span class="title" *ngIf="titleBar.cart.link.params.cslLabel" [ngStyle]="titleBar.cart.link.params.cslCssStyle  | styleFilter">{{titleBar.cart?.link?.params?.cslLabel}}</span>

                    <img class="header-arrow-img" [src]="titleBar.cart.link.params.arrowIcon" [ngStyle]="titleBar.cart.link.params.arrowIconCssStyle | styleFilter" onerror="this.src='assets/fw/nav_icon_cart@3x.png'">

                    <ng-container *ngIf="titleBar.cart.count!==undefined&&titleBar.cart.count >0">
                        <ion-badge class="topBadge" [ngStyle]="titleBar.cart.link.params.badgeCssStyle | styleFilter">
                            {{titleBar.cart.count}}</ion-badge>
                    </ng-container>
                </ion-buttons>
            </ng-container>
            <ng-container *ngIf="titleBar.cart.layout==='right'">
                <ion-buttons slot="end" class="end rightChat" [ngClass]="{'titleBar-right-box': !titleBar.cssStyle,'titleBar-right-box-white': titleBar.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.cart)" [ngStyle]="titleBar.cart.cssStyle | styleFilter">

                    <!--蜂喔用户1.9.18新增在线客服-->
                    <span class="title" *ngIf="titleBar.cart.link.params.cslLabel" [ngStyle]="titleBar.cart.link.params.cslCssStyle  | styleFilter">{{titleBar.cart?.link?.params?.cslLabel}}</span>

                    <img class="header-icon-img-r" [src]="titleBar.cart.icon" [ngStyle]="titleBar.cart.link.params.iconCssStyle | styleFilter" onerror="this.src='assets/fw/nav_icon_cart@3x.png'" alt="share">

                    <ng-container *ngIf="titleBar.cart.link.params.useCartNumber; else numberOfCartElseTemplate">
                        <ng-container *ngIf="chatService?.getCartItemCount()!==undefined&&chatService?.getCartItemCount() >0">

                            <ng-container *ngIf="!titleBar.cart.link.params.hideBadge">
                                <ng-container *ngIf="chatService?.getCartItemCount() <= 9; else elseBigThanNightTemplate">
                                    <ion-badge class="topBadge4 numberOfCart31"
                                        [ngStyle]="titleBar.cart.link.params.badgeCssStyle|styleFilter">
                                        {{chatService?.getCartItemCount()}}</ion-badge>
                                </ng-container>
                                <ng-template #elseBigThanNightTemplate>
                                    <ion-badge class="topBadge2 numberOfCart32"
                                        [ngStyle]="titleBar.cart.link.params.badgeCssStyle|styleFilter">
                                        {{chatService?.getCartItemCount()}}</ion-badge>
                                </ng-template>
                            </ng-container>
                        </ng-container>
                    </ng-container>
                    <ng-template #numberOfCartElseTemplate>
                        <ng-container *ngIf="titleBar.cart.count!==undefined&&titleBar.cart.count >0">
                            <ion-badge class="topBadge2 numberOfCart4" 
                            *ngIf="!titleBar.cart.link.params.hideBadge" 
                            [ngStyle]="titleBar.cart.link.params.badgeCssStyle | styleFilter">
                                {{titleBar.cart.count}}
                            </ion-badge>
                        </ng-container>
                    </ng-template>





                    <!-- 蜂喔商户1.6.15 -->
                    <ng-container *ngIf="titleBar.cart.count!==undefined&&titleBar.cart.count===0&&appGlobalService.numberOfRedDotMessage > 0 ">
                        <div class="topBadge3"></div>
                    </ng-container>
                </ion-buttons>
            </ng-container>
        </ng-container>

        <!-- search btn -->
        <ng-container *ngIf="titleBar.searchButton">
            <ng-container *ngIf="titleBar.searchButton.layout==='left'">
                <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchButton)">
                    <ng-container *ngIf="titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                        <img class="header-icon-img" src="assets/img/nav_search.png" alt="search 1">
                    </ng-container>
                    <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                        <img class="header-icon-img" src="assets/img/nav_search_white@3x.png" alt="search 2">
                    </ng-container>
                    <span [ngClass]="{'button-orange': titleBar.cssStyle === 'orange','button-white': titleBar.cssStyle === 'white'}">{{titleBar.searchButton.labelName}}</span>
                </ion-buttons>
            </ng-container>

            <ng-container *ngIf="titleBar.searchButton.layout==='right'">
                <ion-buttons id="searchButtonRight" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.buttonCssStyle | styleFilter" slot="end" class="end  searchButtonRight" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchButton)">
                    <ng-container *ngIf="titleBar.cssStyle === 'white' 
                    || titleBar.cssStyle === undefined 
                    || titleBar.cssStyle !== 'orange'&&titleBar.cssStyle !== 'white'">
                        <ng-container *ngIf="titleBar.searchButton
                            &&titleBar.searchButton.partLink
                            &&titleBar.searchButton.partLink.params
                            &&titleBar.searchButton.partLink.params.key.searchIcon; else searchIconIsEmptyTemplate">
                            <img class="header-icon-img-r" [src]="titleBar.searchButton.partLink.params.key.searchIcon" onerror="this.src='assets/img/nav_search.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 3">
                        </ng-container>
                        <ng-template #searchIconIsEmptyTemplate>
                            <img class="header-icon-img-r" src="assets/img/nav_search.png" onerror="this.src='assets/img/nav_search.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 3">
                        </ng-template>
                    </ng-container>
                    <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                        <ng-container *ngIf="titleBar.searchButton
                        &&titleBar.searchButton.partLink
                        &&titleBar.searchButton.partLink.params
                        &&titleBar.searchButton.partLink.params.key.searchIcon; else searchIconIsEmptyTemplate2">
                            <img class="header-icon-img-r" [src]="titleBar.searchButton.partLink?.params?.key?.searchIcon" onerror="this.src='assets/img/nav_search_white@3x.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 4">
                        </ng-container>
                        <ng-template #searchIconIsEmptyTemplate2>
                            <img class="header-icon-img-r" src="assets/img/nav_search_white@3x.png" onerror="this.src='assets/img/nav_search.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 3">
                        </ng-template>
                    </ng-container>
                    <span [ngClass]="{'button-orange': titleBar.cssStyle === 'orange','button-white': titleBar.cssStyle === 'white'}">{{titleBar.searchButton.labelName}}</span>
                </ion-buttons>
            </ng-container>
        </ng-container>


        <!-- iconButton 数组形式最终可能是用这个替代所有的图标 btn -->
        <ng-container *ngIf="titleBar.iconButton && titleBar.iconButton.length">
            <ng-container *ngFor="let item of titleBar.iconButton">
                <ng-container *ngIf="item.layout==='left'">
                    <ion-buttons slot="start" class="start" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="iconButtonClick(item)">
                        <ng-container *ngIf="item.label && item.label.length > 0; else elseIcon">
                            {{item.label}}
                        </ng-container>
                        <ng-template #elseIcon>
                            <img *ngIf="item.icon.indexOf('http') > -1" class="header-icon-img" [ngStyle]="item.iconCssStyle  | styleFilter" src="{{item.icon}}" alt="iconButton">
                            <img *ngIf="item.icon.indexOf('http') === -1 " class="header-icon-img" [ngStyle]="item.iconCssStyle  | styleFilter" src="assets/icon/{{item.icon}}" alt="iconButton">
                        </ng-template>


                    </ion-buttons>
                </ng-container>
                <ng-container *ngIf="item.layout==='right'">
                    <ion-buttons slot="end" class="end" *ngIf="(item.action==='share'&&!appGlobalService?.isMiniProgram)||item.action!=='share'" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="iconButtonClick(item)">
                        <ng-container *ngIf="item.label && item.label.length > 0; else elseIcon">
                            {{item.label}}
                        </ng-container>
                        <ng-template #elseIcon>
                            <img *ngIf="item.icon.indexOf('http') > -1" class="header-icon-img" [ngStyle]="item.iconCssStyle | styleFilter" src="{{item.icon}}" alt="iconButton">
                            <img *ngIf="item.icon.indexOf('http') === -1 " class="header-icon-img" [ngStyle]="item.iconCssStyle | styleFilter" src="assets/icon/{{item.icon}}" alt="iconButton">
                        </ng-template>
                        <ion-badge class="topBadge2" *ngIf="item?.link?.params?.badgeCount" [ngStyle]="item?.link?.params?.badgeCssStyle | styleFilter">
                            {{item?.link?.params?.badgeCount}}</ion-badge>

                        <span *ngIf="item?.link?.params?.value" [ngStyle]="item?.link?.params?.valueCssStyle | styleFilter">{{item?.link?.params?.value}}</span>
                    </ion-buttons>
                </ng-container>
            </ng-container>
        </ng-container>



        <ng-container *ngIf="appTypeCustom!='LJ'">
            <!-- add  call btn : -->
            <ng-container *ngIf="titleBar.call">
                <ng-container *ngIf="titleBar.call.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="call(titleBar.call)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' ||  titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                <img class="header-icon-img" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                            </ng-container>
                        </ng-template>


                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.call.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="call(titleBar.call)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                <img class="header-icon-img" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>
            </ng-container>

            <!-- add  chat btn : -->
            <ng-container *ngIf="titleBar.chat">
                <ng-container *ngIf="titleBar.chat.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                        <img class="header-icon-img" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.chat.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                        <img class="header-icon-img-r" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                    </ion-buttons>
                </ng-container>
            </ng-container>

        </ng-container>
        <ng-container *ngIf="appTypeCustom==='LJ'">
            <!-- add  chat btn : -->
            <ng-container *ngIf="titleBar.chat">
                <ng-container *ngIf="titleBar.chat.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                        <img class="header-icon-img" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.chat.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                        <img class="header-icon-chat-r-js" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                    </ion-buttons>
                </ng-container>
            </ng-container>

            <!-- add  call btn : -->
            <ng-container *ngIf="titleBar.call">
                <ng-container *ngIf="titleBar.call.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="call(titleBar.call)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' ||  titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                <img class="header-icon-img" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.call.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="call(titleBar.call)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                <img class="header-icon-call-r-js" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>
            </ng-container>


        </ng-container>
        <!--将分享和收藏按钮放到更多前面-->
        <ng-container *ngIf="appTypeCustom==='LJ'">
            <!-- add  favorite btn-->
            <ng-container *ngIf="titleBar.favorite">
                <ng-container *ngIf="titleBar.favorite.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                            </ng-container>
                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'fwBlack'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img" src="assets/fw/favorite.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf=" titleBar.favorite.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'fwBlack'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img-r" src="assets/fw/favorite.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                            </ng-container>
                        </ng-template>
                    </ion-buttons>
                </ng-container>
            </ng-container>
            <!-- add  share btn-->
            <ng-container *ngIf="titleBar.share">
                <ng-container *ngIf="titleBar.share.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'|| titleBar.cssStyle === 'shareCustomerPage'|| titleBar.cssStyle === 'sharePage'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                            </ng-container>
                        </ng-template>
                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.share.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">

                            <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">
                            <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">
                                <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'fwBlack'">
                                <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/fw/share.png" alt="share">

                                <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                            </ng-container>

                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'|| titleBar.cssStyle === 'shareCustomerPage'|| titleBar.cssStyle === 'sharePage'">
                                <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                                <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                            </ng-container>
                        </ng-template>
                    </ion-buttons>
                </ng-container>
            </ng-container>
        </ng-container>
        <ng-container *ngIf="appTypeCustom!='LJ'">
            <!-- add  share btn-->
            <ng-container *ngIf="titleBar.share">
                <ng-container *ngIf="titleBar.share.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.share.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>
            </ng-container>

            <!-- add  favorite btn-->
            <ng-container *ngIf="titleBar.favorite">
                <ng-container *ngIf="titleBar.favorite.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">

                        </ng-container>
                        <ng-template #elseTemplate>


                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' ||  titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                <img class="header-icon-img" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                            </ng-container>
                        </ng-template>
                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf=" titleBar.favorite.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">

                        </ng-container>
                        <ng-template #elseTemplate>

                            <ng-container *ngIf="titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>
            </ng-container>
        </ng-container>
        <!-- add  more btn : -->
        <ng-container *ngIf="titleBar.moreLine">
            <ng-container *ngIf="titleBar.moreLine.layout==='left'">
                <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="moreLine(titleBar.moreLine)" [ngClass]="{'padding35': titleBar.moreLine.data[0]?.link?.params?.moreLineCount}" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.buttonCssStyle | styleFilter">
                    <img class="header-icon-img" src="assets/icon/{{titleBar.moreLine.icon}}" alt="moreLine">
                    <ng-container *ngIf="titleBar.moreLine.data[0]?.link?.params?.moreLineCount!==undefined && titleBar.moreLine.data[0]?.link?.params?.moreLineCount > 0">
                        <ion-badge class="topBadge2" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.badgeCssStyle | styleFilter">
                            {{titleBar.moreLine?.data[0]?.link?.params?.moreLineCount}}</ion-badge>
                    </ng-container>
                </ion-buttons>
            </ng-container>

            <ng-container *ngIf="titleBar.moreLine.layout==='right'">
                <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="moreLine(titleBar.moreLine)" [ngClass]="{'padding35': titleBar.moreLine.data[0]?.link?.params?.moreLineCount}" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.buttonCssStyle | styleFilter">
                    <img class="header-icon-img-r" src="assets/icon/{{titleBar.moreLine.icon}}" alt="moreLine">
                    <ng-container *ngIf="titleBar.moreLine.data[0]?.link?.params?.moreLineCount!==undefined && titleBar.moreLine.data[0]?.link?.params?.moreLineCount > 0">
                        <ion-badge class="topBadge2" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.badgeCssStyle | styleFilter">
                            {{titleBar.moreLine?.data[0]?.link?.params?.moreLineCount}}</ion-badge>
                    </ng-container>
                </ion-buttons>
            </ng-container>
        </ng-container>
        <!-- add  filter btn : -->
        <ng-container *ngIf="titleBar.filter">
            <ng-container *ngIf="titleBar.filter.layout==='left'">
                <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="filter(titleBar.filter)">
                    <img class="header-icon-img" src="assets/img/{{titleBar.filter.icon}}" alt="chat">


                </ion-buttons>
            </ng-container>

            <ng-container *ngIf="titleBar.filter.layout==='right'">
                <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="filter(titleBar.filter)">
                    <img class="header-icon-img-r" src="assets/img/{{titleBar.filter.icon}}" alt="chat">

                </ion-buttons>
            </ng-container>
        </ng-container>
        <!-- textButton 确定 提价表单用的  -->
        <ng-container *ngIf="titleBar.textButton && this.titleBar.showRightBtn !=='true'">
            <ng-container *ngIf="titleBar.textButton.layout==='left'">
                <ion-buttons slot="start" class="start" [ngClass]="{'titleBar-right-box': !titleBar.textButton.cssStyle,'titleBar-right-box-white': titleBar.textButton.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.textButton)" [ngStyle]="titleBar.textButton?.cssStyle  | styleFilter">
                    <span class="titleBar-textBtn" [ngStyle]="titleBar.textButton.link?.params?.labelCssStyle | styleFilter">{{titleBar.textButton.label}}</span>
                </ion-buttons>
            </ng-container>
            <ng-container *ngIf="titleBar.textButton.layout==='right'">
                <ion-buttons slot="end" class="end" id="{{titleBar.textButton.link?.params?.hideState}}" [ngClass]="{'titleBar-right-box': !titleBar.textButton.cssStyle,'titleBar-right-box-white': titleBar.textButton.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.textButton,titleBar?.searchInput)" [ngStyle]="titleBar.textButton?.cssStyle | styleFilter">

                    <span class="titleBar-textBtn" [ngClass]="{'manager-btn': titleBar.textButton.action ==='manageShopping','address':titleBar.textButton.action ==='addressManage'}" [ngStyle]="(titleBar.textButton.link?.params?.labelCssStyle  | styleFilter )|| (titleBar.textButton.submit?.content?.labelCssStyle  | styleFilter)">{{titleBar.textButton.label}}</span>

                </ion-buttons>
            </ng-container>
        </ng-container>

        <!-- toggleButton 适配多个选项 -->
        <ng-container *ngIf="titleBar.toggleButton && titleBar.toggleButton.length > 0">
            <ion-title style="padding-inline:unset;" [ngStyle]="titleBar.toggleButton[0].partLink?.params?.ionTitleCssStyle|styleFilter">
                <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.moreBtn !== undefined; else elseTemplate">
                    <div class="toggle-bg" [ngStyle]="titleBar.toggleButton[0].partLink?.params?.boxCssStyle|styleFilter">
                        <ng-container  *ngFor="let item of titleBar.toggleButton;let i = index">
                            <ng-container *ngIf="item.partLink.params.checkedCssStyle!==undefined
                            &&item.checked; else normalCssStyleTemplate">
                                <div class="toggle" [ngClass]="{'toggle-checked': item.checked}" [ngStyle]="item.partLink.params.checkedCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, i)">{{item.label}}
                                </div>
                            </ng-container>
                            <ng-template #normalCssStyleTemplate>
                                <div class="toggle" [ngClass]="{'toggle-checked': item.checked}" [ngStyle]="item.partLink.params.normalCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, i)">{{item.label}}
                                </div>
                            </ng-template>
                        </ng-container>
                        
                    </div>    
                </ng-container>
                <ng-template #elseTemplate>
                    <div style="padding-top: 0.13rem;" [ngStyle]="titleBar.toggleButton[0].partLink?.params?.boxCssStyle|styleFilter">
                        <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.cssType!==undefined">
                            <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.newStyle!==undefined; else normalToggleButtonTemplate">
                                <div class="nav-toggle-bg1 newStyle" [ngStyle]="titleBar.toggleButton[0].partLink?.params?.innerBoxCssStyle|styleFilter">
                                    <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.checkedCssStyle!==undefined
                                    &&titleBar.toggleButton[0].checked; else normalCssStyleTemplate">
                                        <div class="toggle-left1" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" [ngStyle]="titleBar.toggleButton[0].partLink.params.checkedCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)">{{titleBar.toggleButton[0].label}}
                                        </div>
                                    </ng-container>
                                    <ng-template #normalCssStyleTemplate>
                                        <div class="toggle-left1" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" [ngStyle]="titleBar.toggleButton[0].partLink.params.normalCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)">{{titleBar.toggleButton[0].label}}
                                        </div>
                                    </ng-template>
                                    <ng-container *ngIf="titleBar.toggleButton[1].partLink.params.checkedCssStyle!==undefined
                                            &&titleBar.toggleButton[1].checked; else normalCssStyleTemplate1">
                                        <div class="toggle-right1" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" [ngStyle]="titleBar.toggleButton[1].partLink.params.checkedCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)">
                                            {{titleBar.toggleButton[1].label}}
                                        </div>
                                    </ng-container>
                                    <ng-template #normalCssStyleTemplate1>
                                        <div class="toggle-right1" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" [ngStyle]="titleBar.toggleButton[1].partLink.params.normalCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)">
                                            {{titleBar.toggleButton[1].label}}
                                        </div>
                                    </ng-template>
                                </div>
                            </ng-container>
                            <ng-template #normalToggleButtonTemplate>
                                <div class="nav-toggle-bg1">
                                    <div class="toggle-left1" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)" [ngStyle]="titleBar.toggleButton[0].partLink.params.checkedCssStyle|styleFilter">
                                        {{titleBar.toggleButton[0].label}}
                                        <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.slideCssStyle!==undefined&&titleBar.toggleButton[0].checked; else slideCssStyleTemplate">
                                            <div class="topCheckSlide" [ngStyle]="titleBar.toggleButton[0].partLink.params.slideCssStyle | styleFilter">
                                            </div>
                                        </ng-container>
                                        <ng-template #slideCssStyleTemplate>
                                            <img src="assets/fw/path.png" *ngIf="titleBar.toggleButton[0].checked" class="slideDiv" />
                                        </ng-template>
                                        <div class="slideDiv" [ngStyle]="titleBar.toggleButton[0].partLink.params.slideDivCssStyle|styleFilter" *ngIf="titleBar.toggleButton[0].checked===false"></div>
                                    </div>
                                    <div class="toggle-right1" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)" [ngStyle]="titleBar.toggleButton[1].partLink.params.checkedCssStyle|styleFilter">
                                        {{titleBar.toggleButton[1].label}}
                                        <ng-container *ngIf="titleBar.toggleButton[1].partLink.params.slideCssStyle!==undefined&&titleBar.toggleButton[1].checked; else slideCssStyleTemplate1">
                                            <div class="topCheckSlide" [ngStyle]="titleBar.toggleButton[1].partLink.params.slideCssStyle | styleFilter">
                                            </div>
                                        </ng-container>
                                        <ng-template #slideCssStyleTemplate1>
                                            <img src="assets/fw/path.png" *ngIf="titleBar.toggleButton[1].checked" class="slideDiv" />
                                        </ng-template>
                                        <div class="slideDiv" [ngStyle]="titleBar.toggleButton[1].partLink.params.slideDivCssStyle|styleFilter" *ngIf="titleBar.toggleButton[1].checked===false"></div>
                                        <div *ngIf="titleBar.hasNew && titleBar.hasNew !== '0' " class="toggle-right-new">
                                        </div>
                                    </div>
                                </div>
                            </ng-template>
    
    
                        </ng-container>
                        <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.cssType===undefined">
                            <div class="nav-toggle-bg">
                                <div class="toggle-left" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)">{{titleBar.toggleButton[0].label}}
                                </div>
                                <div class="toggle-right" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)">{{titleBar.toggleButton[1].label}}
                                    <div *ngIf="titleBar.hasNew && titleBar.hasNew !== '0' " class="toggle-right-new"></div>
                                </div>
                            </div>
                        </ng-container>
                    </div>
                </ng-template>
                

                
            </ion-title>
        </ng-container>
        <ng-container *ngIf="titleBar.toggleButton && titleBar.toggleButton.length === 2">
            <ion-title style="padding-inline:unset;">
                
            </ion-title>
            <!-- todo: -->
            <!-- <ng-container *ngIf="titleBar.textButton.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="textButton(titleBar.textButton)">
                            <span [ngClass]="{'button-orange': titleBar.cssStyle === 'orange','button-white': titleBar.cssStyle === 'white'}">{{titleBar.textButton.label}}</span>
                        </ion-buttons>
                    </ng-container> -->
        </ng-container>
        <ng-container *ngIf="titleBar.cancel">
            <ng-container *ngIf="titleBar.cancel.layout==='left'">
                <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="back()">
                    <span [ngClass]="{
                            'button-orange': titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack',
                            'button-white': titleBar.cssStyle === 'white'
                        }">{{titleBar.cancel.labelName}}</span>
                </ion-buttons>
            </ng-container>
            <ng-container *ngIf="titleBar.cancel.layout==='right'">
                <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="back()">
                    <span [ngClass]="{
                            'button-orange': titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack',
                            'button-white': titleBar.cssStyle === 'white'
                        }">{{titleBar.cancel.labelName}}</span>
                </ion-buttons>
            </ng-container>
        </ng-container>
        <ng-container *ngIf="titleBar.close">
            <ng-container *ngIf="titleBar.close.layout==='left'">
                <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="close()">
                    <img class="header-icon-img" src="assets/img/close.png" alt="back">
                </ion-buttons>
            </ng-container>
            <ng-container *ngIf="titleBar.close.layout==='right'">
                <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="close()">
                    <img class="header-icon-img-r" src="assets/img/close.png" alt="back">
                </ion-buttons>
            </ng-container>
        </ng-container>
        <ng-container *ngIf="titleBar.discounts">
            <ng-container *ngIf="titleBar.discounts.layout==='left'">
                <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="buttonClick(titleBar.discounts.link)">
                    <img class="header-icon-img" src="assets/img/activity@3x.png" alt="discounts">
                </ion-buttons>
            </ng-container>
            <ng-container *ngIf="titleBar.discounts.layout==='right'">
                <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="buttonClick(titleBar.discounts.link)">
                    <img class="header-icon-img-r" src="assets/img/activity@3x.png" alt="discounts">
                </ion-buttons>
            </ng-container>
        </ng-container>
        <!-- 城市 -->
        <ng-container *ngIf="titleBar.position&&titleBar.position.layout==='right'; else elseTitleBarTemplate">
            <ion-buttons class="nav-title nav-position  1"
            [ngStyle]="titleBar.position.link?.param&&titleBar.position.link?.param[0]?.value|styleFilter"
            style="height: 2.75rem;" *ngIf="titleBar.position" slot="end" class="end"appDebounceClick (debounceClick)= "buttonClick(titleBar.position.link)">
                <img class="locationIcon" *ngIf="titleBar.position.link
            &&titleBar.position.link.param&&titleBar.position.link.param[0].name==='locationIcon'" [src]="titleBar.position.link.param[0].value" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_168369786692636dc074d6db31630a0ef051e4381a5b0.png'" />

                <span id="identityCityName" class="position1" *ngIf="positionInfo &&  positionInfo.name">{{positionInfo.name}} </span>
                <i class="triangle-icon"></i>
            </ion-buttons>
        </ng-container>
        <ng-template #elseTitleBarTemplate>
            <ion-buttons class="nav-title nav-position 2"
            [ngStyle]="titleBar.position.link?.param&&titleBar.position.link?.param[0]?.value|styleFilter"
            style="height: 2.75rem;" *ngIf="titleBar.position" slot="start" class="start" appDebounceClick (debounceClick)="buttonClick(titleBar.position.link)">
                <img class="locationIcon" *ngIf="titleBar.position.link&&titleBar.position.link.param&&titleBar.position.link.param[0].name==='locationIcon'" [src]="titleBar.position.link.param[0].value"/>

                <ng-container *ngIf="titleBar.position.link&&titleBar.position.link.param&&titleBar.position.link.param[0].name==='useSelectedPosition'; else elseLocalLifeTemplate">
                    <ng-container *ngIf="appGlobalService?.callBackFunctionOnGetAddressByPoint; else elsePositionInfoTemplate">
                        <span id="identityCityName" class="position2" *ngIf="appGlobalService?.callBackFunctionOnGetAddressByPoint">{{appGlobalService.callBackFunctionOnGetAddressByPoint}} </span>
                    </ng-container>
                    <ng-template #elsePositionInfoTemplate>
                        <span id="identityCityName" class="position2" *ngIf="positionInfo &&  positionInfo.name">{{positionInfo.name}} </span>
                    </ng-template>
                </ng-container>
                <ng-template #elseLocalLifeTemplate>
                    <span id="identityCityName" class="position2" *ngIf="positionInfo &&  positionInfo.name">{{positionInfo.name}} </span>    
                </ng-template>
                
                
                <i class="triangle-icon"></i>
            </ion-buttons>
        </ng-template>

    </ion-toolbar>
    <!--1.9.5 新增一个toolbar 用于 底部搜索 按钮 的  布局-->
    <ion-toolbar *ngIf="titleBar.searchInput?.layout==='bottom-center' 
        || titleBar.searchInput?.layout==='bottom-custom' 
        || titleBar.searchInput?.layout==='bottom-left' 
        || titleBar.searchInput?.layout==='bottom-right' 
        || titleBar.cart?.layout==='bottom-center' 
        || titleBar.cart?.layout==='bottom-left' 
        || titleBar.cart?.layout==='bottom-right'" class="paddinglr bottomSearchBox 2" [ngStyle]="titleBar.searchInput?.link?.params?.key?.bottomSearchBox2CssStyle|styleFilter" [ngClass]="{'bottomSearchBox2': titleBar.searchInput?.link?.params?.key?.bottomSearchBox2CssStyle!==undefined,
                    'hostPadding':titleBar.searchInput?.link?.params?.key?.hostPadding!==undefined}" style="padding-left: 0;padding-right: 0;">
        <ng-container *ngIf="titleBar.searchInput?.layout==='bottom-custom'; else bottomCustomTemplate">

            <!--2.0新增头部切换搜索-->
            <div id="bottomSearch2" class="headDiv" [ngStyle]="titleBar.link?.link?.params?.headDivBoxCssStyle|styleFilter">
                <div class="headDivInnerBox 1" id="headDivInnerBoxId" [ngStyle]="titleBar.link?.link?.params?.headDivInnerBoxCssStyle|styleFilter">
                    <!--  -->
                    <span class="title" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="changeCity(titleBar.link,$event)">
                        <ng-container *ngIf="titleBar.link?.link?.params?.useCityIdLabel; else elseUseAreaPositionTemplate">

                            <span [ngStyle]="titleBar.link?.link?.params?.useCityIdLabelCssStyle|styleFilter">{{titleBar.link?.link?.params?.useCityIdLabel}}
                            </span>
                            <ng-container *ngIf="titleBar.link?.link?.params?.useCityDistrictLabel">
                                <span [ngStyle]="titleBar.link?.link?.params?.useCityDistrictLabelCssStyle|styleFilter">{{titleBar.link?.link?.params?.useCityDistrictLabel}}</span>
                            </ng-container>
                        </ng-container>
                        <ng-template #elseUseAreaPositionTemplate>
                            <span class="2" [ngStyle]="titleBar.link?.link?.params?.useCityIdLabelCssStyle|styleFilter">
                                {{areaPositionInfo?.name}}</span>
                            <ng-container *ngIf="titleBar.link?.link?.params?.showDistrict">
                                <span class="2" [ngStyle]="titleBar.link?.link?.params?.useCityDistrictLabelCssStyle|styleFilter">
                                    {{areaPositionInfo?.district}}</span>
                            </ng-container>
                        </ng-template>
                        <img class="firstRowIcon" [src]="titleBar.link?.link?.params?.firstRowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874263937b0e1ec64c053f9a5b61b1064e88825ad.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowIconCssStyle|styleFilter" />
                    </span>

                    <div class="middleLine" [ngStyle]="titleBar.link?.link?.params?.middleLineCssStyle|styleFilter">
                    </div>

                    <img class="firstRowSecondIcon" *ngIf="titleBar.link?.link?.params?.firstRowSecondIcon" [src]="titleBar.link?.link?.params?.firstRowSecondIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874396056d11476e453f701a0fed858915f7e1921.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowSecondIconCssStyle|styleFilter" />

                    <span class="firstRowLeftHintLabel" appDebounceClick (debounceClick)="searchButtonClick(titleBar?.searchInput,$event)" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftHintLabelCssStyle|styleFilter">
                        {{titleBar.link?.link?.params?.firstRowLeftHintLabel}}
                    </span>
                </div>


            </div>
        </ng-container>
        <ng-template #bottomCustomTemplate>
            <ng-container *ngIf="titleBar.link&&titleBar.link; else normalSearchBtnTemplate">
                <!--2.0新增头部切换搜索-->
                <div id="bottomSearch2" class="headDiv" [ngStyle]="titleBar.link?.link?.params?.headDivBoxCssStyle|styleFilter">
                    <div class="headDivInnerBox 2" id="headDivInnerBoxId" [ngStyle]="titleBar.link?.link?.params?.headDivInnerBoxCssStyle|styleFilter">
                        <span class="title" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="changeCity(titleBar.link,$event)">
                            {{areaPositionInfo?.name}}
                            <img class="firstRowIcon" [src]="titleBar.link?.link?.params?.firstRowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874263937b0e1ec64c053f9a5b61b1064e88825ad.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowIconCssStyle|styleFilter" />
                        </span>

                        <div class="middleLine" [ngStyle]="titleBar.link?.link?.params?.middleLineCssStyle|styleFilter">
                        </div>

                        <img class="firstRowSecondIcon" *ngIf="titleBar.link?.link?.params?.firstRowSecondIcon" [src]="titleBar.link?.link?.params?.firstRowSecondIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874396056d11476e453f701a0fed858915f7e1921.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowSecondIconCssStyle|styleFilter" />

                        <span class="firstRowLeftHintLabel" id="headDivInnerHintText" appDebounceClick (debounceClick)="searchButtonClick(titleBar?.searchInput,$event)" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftHintLabelCssStyle|styleFilter">
                            {{titleBar.link?.link?.params?.firstRowLeftHintLabel}}
                        </span>
                    </div>


                </div>
            </ng-container>
            <ng-template #normalSearchBtnTemplate>
                <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,$event)" id="bottomSearch" [ngStyle]="titleBar.searchInput?.link?.params?.key?.bottomSearchDivBoxCssStyle|styleFilter">
                    <ion-searchbar class="search-bar cssType1 bottomSearch pointerEventNone" placeholder={{titleBar.searchInput.placeholder}} [ngClass]="{'cssType1': titleBar.searchInput?.link?.params?.key?.cssType==='1' || titleBar.searchInput?.partLink?.params?.key?.cssType==='1'}" value={{titleBar.searchInput.value}} mode="ios" [ngStyle]="(titleBar.searchInput?.link?.params?.key?.cssStyle  | styleFilter) || (titleBar.searchInput?.partLink?.params?.key?.cssStyle  | styleFilter)">
                    </ion-searchbar>
                </div>
                <ion-buttons slot="end" class="end" *ngIf="titleBar?.cart" [ngClass]="{'titleBar-right-box': !titleBar?.cssStyle,'titleBar-right-box-white': titleBar?.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.cart)" [ngStyle]="titleBar.cart?.cssStyle | styleFilter">
                    <img class="header-icon-img" [ngStyle]="titleBar.cart?.link?.params?.iconCssStyle | styleFilter" [src]="titleBar?.cart?.icon" alt="share">
                    <ng-container *ngIf="titleBar?.cart?.count!==undefined && titleBar?.cart?.count > 0">
                        <ion-badge class="topBadge" *ngIf="!titleBar?.cart?.link?.params?.hideBadge" [ngStyle]="titleBar?.cart?.link?.params?.badgeCssStyle | styleFilter">
                            {{titleBar.cart.count}}</ion-badge>
                    </ng-container>


                </ion-buttons>
            </ng-template>






        </ng-template>


    </ion-toolbar>

    <!-- TabBar激活Tab文字颜色 (onChange)="onTabsChange($event,tagData.data,tagData.currentData.tags)"  [tabBarUnderlineStyle]="tabBarUnderlineStyle" [activeTab]="tabPaneIndex" -->
    <ion-toolbar *ngIf="showTopTab" style="--padding-bottom:0px;padding-left: 0px;padding-right: 0px;--padding-start: 0px;--padding-end: 0px;" id="homeTopTab">
        <Tabs [page]="tabPageShowCount" [tabBarUnderlineStyle]="tabBarUnderlineStyle" [swipeable]="false" [animated]="true" [useOnPan]="false" [tabBarActiveTextColor]="'#252629'" [tabBarTextStyle]="tabBarTextStyle" [activeTab]="tabPaneIndex" [prerenderingSiblingsNumber]="tagData.data.length" (onTabClick)="onTabsChange($event,tagData.data,tagData.currentData.tags)">
            <ng-container *ngFor="let item of tagData.data;let i=index;">
                <TabPane [title]="titleTemplate">
                    <ng-template #titleTemplate>
                        <ng-container *ngIf="tagData.cssType&&tagData.cssType===3">
                            <div id="{{tabPaneId}}{{i}}" [ngClass]="{'tab-checked': i === tabPaneIndex}">{{item.label}}
                            </div>
                        </ng-container>
                        <ng-container *ngIf="tagData.cssType&&tagData.cssType===4">
                            <div id="{{tabPaneId}}{{i}}" [ngClass]="{'tab-normal-checked': i === tabPaneIndex}">
                                {{item.label}}
                            </div>
                        </ng-container>
                        <ng-container *ngIf="!(tagData.cssType&&(tagData.cssType===3||tagData.cssType===4))">
                            <div id="{{tabPaneId}}{{i}}" [ngClass]="{'tab-checked': i === tabPaneIndex}">{{item.label}}
                            </div>
                        </ng-container>
                    </ng-template>
                    <!--onscroll="onTabpaneScroll($event)"-->
                    <div id="tabPaneScrollContent" [ngClass]="
                        {
                            'cssType3TabPane': tagData.cssType&&tagData.cssType===3,
                            'cssType4TabPane': tagData.cssType&&tagData.cssType===4,
                        'defaultTabPane':(tagData.cssType===undefined||tagData.cssType!==3),
                    'overFlowHidden':item.partLink.params.scroll}">
                        <ng-container *ngIf="this.tabPaneIndex===i">
                            <ng-container *ngFor="let tagsItem of currentDataArray[i]" [ngSwitch]="tagsItem.style">
                                <div *ngIf="isSpinning" class="loading-box">
                                    <ion-spinner></ion-spinner>
                                </div>
                                <ng-container *ngIf="!isSpinning">
                                    <ng-container *ngSwitchCase="'appTabTag-smooth-style'">
                                        <app-smooth-style-button [tagData]="tagsItem">
                                        </app-smooth-style-button>
                                    </ng-container>
                                    <ng-container *ngSwitchCase="'twoCss'">
                                        <app-switch-block-button [tagData]="tagsItem">
                                        </app-switch-block-button>
                                    </ng-container>
                                    <ng-container *ngSwitchCase="'threeCss'">
                                        <app-switch-block-button [tagData]="tagsItem">
                                        </app-switch-block-button>
                                    </ng-container>
                                </ng-container>
                            </ng-container>
                            <ng-container *ngIf="isAddCommonNestedTag!==undefined&&isAddCommonNestedTag===true">
                                <div [ngClass]="{
                                 'overFlowdefault':item.partLink.params.scroll===undefined,
                                 'overFlowScroll': item.partLink?.params?.scroll==='overFlowScroll',
                                 'overFlowScroll1': item.partLink?.params?.scroll==='overFlowScroll1',
                                 'overFlowScroll4': item.partLink?.params?.scroll==='overFlowScroll4'
                                }">
                                    <ion-content style="--background: #f5f5f5;">
                                        <div *ngIf="isSpinning" class="loading-box">
                                            <ion-spinner></ion-spinner>
                                        </div>
                                        <ng-container *ngIf="!isSpinning">
                                            <app-common-nested-tag [currentDataArray]="currentDataArray[i]">
                                            </app-common-nested-tag>
                                        </ng-container>
                                    </ion-content>
                                </div>
                            </ng-container>
                        </ng-container>
                    </div>
                </TabPane>
            </ng-container>
        </Tabs>
        <!-- <ul class="ulTopTab 1">
            <li *ngFor="let item of tagData.data;let i=index;" id="homeNavTab{{i}}"
                [ngClass]="{'active': tagData.currentTab === item.indexTab}" [ngStyle]="{'width': aWidth}"
                appDebounceClick (debounceClick)="change(item,item.indexTab)">
                <span>{{item.label}}</span>
            </li>
        </ul> -->
        <!-- <div id="HometopSegment">
            <ion-segment #segment (ionChange)="segmentChanged($event)" [(ngModel)]="selectedSegment"
                [scrollable]="true">
                <ion-segment-button id="hometopSegmentBtn{{i}}" *ngFor="let item of tagData.data;let i=index;"
                    [value]="i">
                    <span>{{item.label}}</span>
                    <div class="bar"></div>
                </ion-segment-button>
            </ion-segment>
        </div>
        <hr style="width: 100%;height: 0.04rem;background-color: #EBEBED;"> -->
    </ion-toolbar>

    <ion-toolbar *ngIf="showSubTab" style="--padding-bottom:0px;padding-left: 0px;padding-right: 0px;--padding-top: 0px;--min-height:0;">
        <!-- <Tabs [page]="subTagData.data.length" [swipeable]="false" [animated]="true" [useOnPan]="false"
            [activeTab]="index" [tabBarUnderlineStyle]="tabBarUnderlineStyle" [tabBarActiveTextColor]="'#ffca3a'"
            (onChange)="onTabsChange($event,subTagData.data,subTagData.currentData.tags)">
            <ng-container *ngFor="let item of subTagData.data;let i=index;">
                <TabPane [title]="titleTemplate">
                    <ng-template #titleTemplate>
                        <div>{{item.label}}</div>
                    </ng-template>
                    <div style="align-items: center;justify-content: center;height: 100%;background-color: #fff">
                        <ng-container *ngFor="let tagsItem of currentDataArray[i]" [ngSwitch]="tagsItem.style">
                            <div *ngIf="isSpinning" class="loading-box">
                                <ion-spinner></ion-spinner>
                            </div>
                            <ng-container *ngIf="!isSpinning">
                                <ng-container *ngSwitchCase="'imglistTag'">
                                    <app-mine-list [tagData]="tagsItem"></app-mine-list>
                                </ng-container>
                                <ng-container *ngSwitchCase="'systemMessagesTag'">
                                    <app-system-news [tagData]="tagsItem"></app-system-news>
                                </ng-container>
                                <ng-container *ngSwitchCase="'invitationMessageTag'">
                                    <app-chat-invite [tagData]="tagsItem"></app-chat-invite>
                                </ng-container>
                            </ng-container>
                        </ng-container>
                    </div>
                </TabPane>
            </ng-container>
        </Tabs> -->
        <ng-container *ngIf="subTagData&&subTagData.cssType&&subTagData.cssType===2">
            <div id="homeTopCssType2Segment">
                <ion-segment #segment (ionChange)="customSegmentChanged($event)" [(ngModel)]="selectedSegment" [scrollable]="true">
                    <ion-segment-button *ngFor="let item of subTagData.data;let i=index;" [value]="i">
                        <span>{{item.label}}</span>
                        <div class="bar"></div>
                    </ion-segment-button>
                </ion-segment>
            </div>
        </ng-container>
        <ng-container *ngIf="subTagData&&(subTagData.cssType&&subTagData.cssType!==2&&subTagData.cssType!==3)||(!subTagData.cssType)">
            <ul class="ulTopTab 2" id="{{subTagDataId}}" [ngStyle]="subTagData.data && subTagData.data[0]?.partLink?.params?.ulTopTabCssStyle | styleFilter">
                <ng-container *ngIf="subTagData.data && subTagData.data[0]?.partLink?.params?.liTabCssStyle; else elseTemplate">
                    <ng-container *ngIf="subTagData.data[0]?.partLink?.params?.newLiType; else elseOldLiTemplate">
                        <ng-container *ngFor="let item of subTagData.data;let i=index;">
                            <ng-container *ngIf="subTagData.currentTab === item.indexTab; else elseNormalLiTemplate">
                                <div id="fixedNavTab{{i}}" class="check-div-tab" 
                                [ngClass]="{'needClick':item.partLink?.params?.needClick!==undefined}" appDebounceClick (debounceClick)="subChange(item,item.indexTab,'newCss')" 
                                [ngStyle]="item.partLink?.params?.checkedLiCssStyle | styleFilter">
                                    <span id="fixedSpanNavTab{{i}}" class="flexAlignCenter" [ngStyle]="item.partLink?.params?.checkedLabelCssStyle | styleFilter">
                                        <img [src]="item.partLink?.params?.leftIcon" 
                                        *ngIf="item.partLink?.params?.leftIcon" 
                                        class="leftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1701154131961ad71ca7be2c3f10310a37d4f38615da4.png'" 
                                        [ngStyle]="item.partLink?.params?.leftIconCssStyle|styleFilter" />
                                        {{item.label}}
                                        <img [src]="item.partLink?.params?.rightIcon" 
                                        *ngIf="item.partLink?.params?.rightIcon" 
                                        class="rightIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1701154131961ad71ca7be2c3f10310a37d4f38615da4.png'" 
                                        [ngStyle]="item.partLink?.params?.rightIconCssStyle|styleFilter" />
                                    </span>
                                    <div class="checkSlide" [ngStyle]="item.partLink?.params?.checkedSlideCssStyle | styleFilter"></div>
                                </div>
                            </ng-container>
                            <ng-template #elseNormalLiTemplate>
                                <div id="fixedNavTab{{i}}" class="normal-div-tab" 
                                [ngClass]="{'needClick':item.partLink?.params?.needClick!==undefined}" appDebounceClick (debounceClick)="subChange(item,item.indexTab,'newCss')" 
                                [ngStyle]="item.partLink?.params?.normalLiCssStyle | styleFilter">
                                    <span id="fixedSpanNavTab{{i}}" class="flexAlignCenter" [ngStyle]="item.partLink?.params?.normalLabelCssStyle | styleFilter">
                                        <img [src]="item.partLink?.params?.leftIcon" 
                                        *ngIf="item.partLink?.params?.leftIcon" 
                                        class="leftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1701154131961ad71ca7be2c3f10310a37d4f38615da4.png'" 
                                        [ngStyle]="item.partLink?.params?.leftIconCssStyle|styleFilter" />
                                        {{item.label}}
                                        <img [src]="item.partLink?.params?.rightIcon" 
                                        *ngIf="item.partLink?.params?.rightIcon" 
                                        class="rightIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1701154131961ad71ca7be2c3f10310a37d4f38615da4.png'" 
                                        [ngStyle]="item.partLink?.params?.rightIconCssStyle|styleFilter" /></span>
                                    <div class="normalSlide" [ngStyle]="item.partLink?.params?.normalSlideCssStyle | styleFilter"></div>
                                </div>
                            </ng-template>
                        </ng-container>


                    </ng-container>


                    <ng-template #elseOldLiTemplate>
                        <li *ngFor="let item of subTagData.data;let i=index;" id="fixedNavTab{{i}}" [ngClass]="{'active-yellow': subTagData.currentTab === item.indexTab}" appDebounceClick (debounceClick)="subChange(item,item.indexTab,'newCss')" [ngStyle]="item.partLink?.params?.liTabCssStyle | styleFilter">
                            <span id="fixedSpanNavTab{{i}}">{{item.label}}</span>
                        </li>
                    </ng-template>






                </ng-container>
                <ng-template #elseTemplate>
                    <li *ngFor="let item of subTagData.data;let i=index;" id="fixedNavTab{{i}}" [ngClass]="{'active': subTagData.currentTab === item.indexTab}" [ngStyle]="{'width': subAWidth}" appDebounceClick (debounceClick)="subChange(item,item.indexTab)">
                        <span id="fixedSpanNavTab{{i}}">{{item.label}}</span>
                    </li>
                </ng-template>
            </ul>
            <ng-container *ngIf="switchBlockTag&&switchBlockTag.style!=='newCss'&&switchBlockTag.style!=='newCss2'&&switchBlockTag.style!=='newCss3'">
                <div id="switchBoxId-home" class="switch-main-box">
                    <div class="switch-box" [ngStyle]="switchBlockTag.cssType | styleFilter">
                        <ng-container *ngFor="let item of switchBlockTag.data">
                            <ng-container *ngIf="switchBlockTag.style==='twoCss'">
                                <button id="{{item.id}}" class="switch-box-button-twoCss" appDebounceClick (debounceClick)="switchBlockClick(item,'twoCss')" [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-twoCss':item.selected==='true'}">
                                    <p class="switch-box-label-twoCss" [ngClass]="{'switch-box-label-checked-twoCss': item.selected==='true'}">
                                        {{item.label}}</p>
                                </button>
                            </ng-container>
                            <ng-container *ngIf="switchBlockTag.style==='oneCss'">
                                <button id="{{item.id}}" class="switch-box-button-oneCss" appDebounceClick (debounceClick)="switchBlockClick(item,'oneCss')" [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-oneCss':item.selected==='true'}">
                                    <p class="switch-box-label-oneCss" [ngClass]="{'switch-box-label-checked-oneCss': item.selected==='true'}">
                                        {{item.label}}</p>
                                </button>
                            </ng-container>
                        </ng-container>
                        <div class="empty-box">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                    </div>
                    <div class="switch-block2"></div>
                    <div class="switch-block1"></div>
                </div>
            </ng-container>
            <!-- 分类可展开 -->
            <ng-container *ngIf="switchBlockTag&&switchBlockTag.style==='newCss'">
                <div class="switch-main-box-newCss" *ngIf="showSwitchBlockTag&&switchBlockTag.style==='newCss'">
                    <div class="switch-box-newCss" id="{{switchNewCssBtnId}}" [ngStyle]="switchBlockTag.cssType | styleFilter">
                        <ng-container *ngFor="let item of switchBlockTag.data;let index = index;">

                            <ng-container *ngIf="item.selected==='true'; else elseNormalNewCssBtnTemplate">
                                <button id="{{item.id}}" class="switch-box-button-newCss  checkedNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss',switchBlockTag.data,index)" [ngStyle]="item.checkedBtnCssStyle | styleFilter">{{item.label}}</button>
                            </ng-container>
                            <ng-template #elseNormalNewCssBtnTemplate>
                                <button id="{{item.id}}" class="switch-box-button-newCss  normalNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss',switchBlockTag.data,index)" [ngStyle]="item.normalBtnCssStyle | styleFilter">{{item.label}}</button>
                            </ng-template>

                        </ng-container>
                    </div>
                    <div class="arrowBox">
                        <img [src]="item?.arrowIcon" class="arrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651123827476faa29d94e7aedbb3b22cde44fb52a3af.png'" [ngStyle]="item?.arrowIconCssStyle|styleFilter" appDebounceClick (debounceClick)="downArrowClick()" />
                    </div>
                </div>

                <div class="switch-main-box-newCss-bottom" *ngIf="showSwitchBlockTag">
                    <div class="newCss-bottom-title">
                        <span class="newCss-bottom-title-text">全部{{switchBlockTag.data.length}}个分类</span>
                        <img [src]="item?.upArrowIcon" class="arrowIcon-bottom" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651135098448b20e906b9cc824d27ea3050eac3f576d.png'" appDebounceClick (debounceClick)="upArrowClick()" />
                    </div>
                    <div class="newCss-bottom-content">
                        <ng-container *ngFor="let item of switchBlockTag.data;let i = index;">
                            <ng-container *ngIf="item.selected==='true'; else elseNormalNewCssBtnTemplate2">
                                <button id="{{item.id}}" class="switch-box-button-newCss-bottom checkedNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss',switchBlockTag.data,i)" [ngStyle]="item.checkedBtnCssStyle | styleFilter">{{item.label}}</button>
                            </ng-container>
                            <ng-template #elseNormalNewCssBtnTemplate2>
                                <button id="{{item.id}}" class="switch-box-button-newCss-bottom normalNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss',switchBlockTag.data,i)" [ngStyle]="item.normalBtnCssStyle | styleFilter">{{item.label}}</button>
                            </ng-template>
                        </ng-container>
                    </div>
                </div>
            </ng-container>
            <!-- 分类可展开2 div背景颜色高亮-->
            <ng-container *ngIf="switchBlockTag&&switchBlockTag.style==='newCss2'">
                <div class="switch-main-box-newCss2 newCss2" *ngIf="showSwitchBlockTag&&switchBlockTag.style==='newCss2'">
                    <div class="switch-box-newCss2" id="newCss2{{switchNewCssBtnId}}" [ngStyle]="switchBlockTag.cssType | styleFilter">
                        <ng-container *ngFor="let item of switchBlockTag.data;let index = index;">

                            <ng-container *ngIf="item.selected==='true'; else elseNormalNewCssBtnTemplate">
                                <div [ngStyle]="item?.checkedBoxCssStyle|styleFilter">
                                    <button id="{{item.id}}" class="switch-box-button-newCss  checkedNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,index)" [ngStyle]="item.checkedBtnCssStyle | styleFilter">{{item.label}}
                                        <img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" />
                                    </button>
                                    <div *ngIf="item?.checkSlideCssStyle" [ngStyle]="item?.checkSlideCssStyle|styleFilter" class="slideBox checkOrange">
                                </div>
                            </div>
                            </ng-container>
                            <ng-template #elseNormalNewCssBtnTemplate>
                                <div [ngStyle]="item?.normalBoxCssStyle|styleFilter">
                                <button id="{{item.id}}" class="switch-box-button-newCss  normalNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,index)" [ngStyle]="item.normalBtnCssStyle | styleFilter">{{item.label}}
                                    <img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" />
                                </button>
                                <div *ngIf="item?.normalSlideCssStyle" [ngStyle]="item?.normalSlideCssStyle|styleFilter" class="slideBox"></div>
                            </div>
                            </ng-template>

                        </ng-container>
                    </div>
                    <div class="arrowBox" [ngStyle]="switchBlockTag?.arrowIcon|styleFilter">
                        <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651123827476faa29d94e7aedbb3b22cde44fb52a3af.png" class="arrowIcon"  [ngStyle]="switchBlockTag?.arrowIconCssStyle|styleFilter" appDebounceClick (debounceClick)="downArrowClick()" />
                    </div>
                </div>
                <div class="switch-main-box-newCss-bottom2" *ngIf="showSwitchBlockTag">
                    <div class="newCss-bottom-title">
                        <span class="newCss-bottom-title-text">全部{{switchBlockTag.data.length}}个分类</span>
                        <img [src]="item?.upArrowIcon" class="arrowIcon-bottom" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651135098448b20e906b9cc824d27ea3050eac3f576d.png'" appDebounceClick (debounceClick)="upArrowClick()" />
                    </div>
                    <div class="newCss-bottom-content">
                        <ng-container *ngFor="let item of switchBlockTag.data;let i = index;">
                            <ng-container *ngIf="item.selected==='true'; else elseNormalNewCssBtnTemplate2">
                                <button id="{{item.id}}" class="switch-box-button-newCss-bottom checkedNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,i)" [ngStyle]="item.checkedBtnCssStyle | styleFilter">{{item.label}}<img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" /></button>
                            </ng-container>
                            <ng-template #elseNormalNewCssBtnTemplate2>
                                <button id="{{item.id}}" class="switch-box-button-newCss-bottom normalNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,i)" [ngStyle]="item.normalBtnCssStyle | styleFilter">{{item.label}}<img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" /></button>
                            </ng-template>
                        </ng-container>
                    </div>
                </div>
            </ng-container>
            <!-- 分类可展开3  文字底部有横线显示-->
            <ng-container *ngIf="switchBlockTag&&switchBlockTag.style==='newCss3'">
                <div class="switch-main-box-newCss2 newCss3" *ngIf="showSwitchBlockTag&&switchBlockTag.style==='newCss3'">
                    <div class="switch-box-newCss2" id="newCss2{{switchNewCssBtnId}}" [ngStyle]="switchBlockTag.cssType | styleFilter">
                        <ng-container *ngFor="let item of switchBlockTag.data;let index = index;">

                            <ng-container *ngIf="item.selected==='true'; else elseNormalNewCssBtnTemplate">
                                <button id="{{currentRootTabId}}{{item.id}}" class="switch-box-button-newCss3" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,index)" [ngStyle]="item.checkedCss3BtnCssStyle | styleFilter">
                                    <span  class="switch-box-newCss3-tab">{{item.label}}<img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" 
                                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" 
                                        [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" />
                                    </span>
                                    <div class="switch-box-newCss3-slideBox" ngclss></div>
                                    
                                </button>
                            </ng-container>
                            <ng-template #elseNormalNewCssBtnTemplate>
                                <button id="{{currentRootTabId}}{{item.id}}" class="switch-box-button-newCss3" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,index)" [ngStyle]="item.normalCss3BtnCssStyle | styleFilter">
                                    <span class="switch-box-newCss3-tab">{{item.label}}<img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" 
                                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" 
                                        [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" />
                                    </span>
                                    <div class="switch-box-newCss3-slideBox-normal"></div>
                                    
                                </button>
                            </ng-template>

                        <ng-container *ngIf="(switchBlockTag.data.length-1) === index">
                            <img src="../../../assets/fw/icon_arrow_dz.png" style="width: 0.01px; height: 0.01px;" onload="window['appGlobalService'].loadSwitchBtnPicCallBack('1')" alt="">
                        </ng-container>
                        
                        </ng-container>
                    </div>
                    <div class="arrowBox" [ngStyle]="switchBlockTag?.arrowIcon|styleFilter">
                        <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651123827476faa29d94e7aedbb3b22cde44fb52a3af.png" class="arrowIcon"  [ngStyle]="switchBlockTag?.arrowIconCssStyle|styleFilter" appDebounceClick (debounceClick)="downArrowClick()" />
                    </div>
                </div>
                <div class="switch-main-box-newCss-bottom2" *ngIf="showSwitchBlockTag">
                    <div class="newCss-bottom-title">
                        <span class="newCss-bottom-title-text">全部{{switchBlockTag.data.length}}个分类</span>
                        <img [src]="item?.upArrowIcon" class="arrowIcon-bottom" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651135098448b20e906b9cc824d27ea3050eac3f576d.png'" appDebounceClick (debounceClick)="upArrowClick()" />
                    </div>
                    <div class="newCss-bottom-content">
                        <ng-container *ngFor="let item of switchBlockTag.data;let i = index;">
                            <ng-container *ngIf="item.selected==='true'; else elseNormalNewCssBtnTemplate2">
                                <button id="{{item.id}}" class="switch-box-button-newCss-bottom checkedNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,i)" [ngStyle]="item.checkedBtnCssStyle | styleFilter">{{item.label}}<img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" /></button>
                            </ng-container>
                            <ng-template #elseNormalNewCssBtnTemplate2>
                                <button id="{{item.id}}" class="switch-box-button-newCss-bottom normalNewCssBtn" appDebounceClick (debounceClick)="switchBlockClick(item,'newCss2',switchBlockTag.data,i)" [ngStyle]="item.normalBtnCssStyle | styleFilter">{{item.label}}<img [src]="item.btnArrowIcon" *ngIf="item.btnArrowIcon" class="btnArrowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1695621921451a49d39ef4f4080cfe37c4f80dce2d9fe.png'" [ngStyle]="item?.btnArrowIconCssStyle|styleFilter" /></button>
                            </ng-template>
                        </ng-container>
                    </div>
                </div>
            </ng-container>
            
            <hr *ngIf="subTagData.isShowLine===true" style="width: 100%;height: 0.04rem;background-color: #EBEBED;">
        </ng-container>
    </ion-toolbar>

    <!--1.6.15 新增您有新消息-->
    <div class="notifyBox" id="notifyBox" *ngIf="appGlobalService.isShowMessageNotifyDiv===true">
        <div class="notifyInnerBox" id="notifyInnerBox" *ngIf="appGlobalService.isShowMessageNotifyDiv===true">
            <div class="messageNotify" id="messageNotify" *ngIf="appGlobalService.isShowMessageNotifyDiv===true">
                <div class="notifyTop"><span class="notifyTopLeft"><img class="notifyIcon" src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1649987499675a7c4b06bf1420828c96c1553956c5786.png">
                        您有新信息</span><span class="notifyTopRight">
                        <ng-container *ngIf="appGlobalService.showMessageDateTime">
                            {{appGlobalService.showMessageDateTime}}</ng-container>
                    </span></div>
                <p class="messageBody">
                    <ng-container *ngIf="appGlobalService.showMessageBody">
                        {{appGlobalService.showMessageBody}}</ng-container>
                </p>
            </div>
        </div>
    </div>
    <!--2024.03.22 防止专场动画出现残影-->
    <div *ngIf="headerComs">
        <app-header-coms *ngIf="headerComs" [coms]="headerComs"></app-header-coms>
    </div>

    <!--我的配置修复 1.9.0 改动-->
    <div class="set-img-bg2 hiddenTitleBar" *ngIf="isShowTitleBar!==undefined" [ngStyle]="this.isShowTitleBar?.link?.params?.hiddenTitleBarCssStyle | styleFilter">
        <div class="set-img" style="margin-left: 1.25rem;"></div>
        <p class="hiddenText" [ngStyle]="this.isShowTitleBar?.link?.params?.hiddenTitleLabelCssStyle | styleFilter">
            {{this.isShowTitleBar?.link?.params?.hiddenTitleLabel}}</p>
        <!--1.6.14 赚钱宝新增选择城市-->
        <span class="set-city" *ngIf="this.isShowTitleBar!==undefined&&this.isShowTitleBar?.link?.params?.showChoosenCityLabel" [ngStyle]="this.isShowTitleBar?.link?.params?.choosenCityCssStyle | styleFilter">{{this.isShowTitleBar?.link?.params?.showChoosenCityLabel}}
            <img alt="" class="set-city-arrow" src="assets/fw/nav_icon_down_arrow@3x.png">
        </span>

        <img alt="" class="set-img" src="{{this.isShowTitleBar?.link?.params?.iconUrl}}" onerror="this.src='assets/fw/nav_icon_set up@3x.png'" [ngStyle]="this.isShowTitleBar?.link?.params?.iconUrlCssStyle | styleFilter" appDebounceClick (debounceClick)="buttonClick(isShowTitleBar.link)">
    </div>

    <!-- 发布页面header 11.25rem height -->
    <div class="banner-bg" [ngStyle]="{'color':titleBar.title?.bgColor}" *ngIf="titleBar && titleBar.title?.tips && titleBar.title?.tips.length > 0">
        <div class="release-bg"></div>
        <div class="tip-bg">
            <p class="tips" id="post-title-tips" [innerHtml]="titleBar.title.tips"></p>
        </div>
    </div>


    <!--1.6.14 新增 维保需求顶部提示-->
    <ng-container *ngIf="appGlobalService?.headerTopTab!==undefined">
        <!--appTabData-->
        <div class="siftTopTab" *ngIf="appGlobalService.headerTopTab" [ngStyle]="appGlobalService.headerTopTab.data[0].partLink?.params?.headerTopBoxCssStyle | styleFilter">
            <ng-container *ngFor="let item of appGlobalService.headerTopTab.data;let i=index;">
                <div class="normalTitle homeHeader1" [ngStyle]="item.partLink?.params?.singleBoxCssStyle | styleFilter" appDebounceClick (debounceClick)="tabClick(item.id,i)">
                    <ng-container *ngIf="i === appGlobalService.headerTopTabIndex; else elseTemplate">
                        <font class="tab-checked" [ngStyle]="item.partLink?.params?.checkedTitleCssStyle | styleFilter">

                            <img class="leftIcon" *ngIf="item.partLink?.params?.leftIcon" [src]="item.partLink?.params?.leftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1681716603335ba29168d23b330b7e8d785a29cf1097b.png'" [ngStyle]="item.partLink?.params?.leftIconCssStyle|styleFilter" />

                            {{item.label}}<font *ngIf="item.partLink?.params?.subTitle" [ngStyle]="item.partLink?.params?.checkSubTitleCssStyle | styleFilter">
                                {{item.partLink?.params?.subTitle}}
                            </font>
                        </font>
                        <div class="type-1-tab">
                            <div [ngStyle]="item.partLink?.params?.checkSlideCssStyle | styleFilter" class="slideBox checkFengwo">
                            </div>
                            <font class="type-1-font" *ngIf="item.partLink?.params?.subTitle">
                                {{item.partLink?.params?.subTitle}}
                            </font>
                        </div>
                    </ng-container>
                    <ng-template #elseTemplate>
                        <font [ngStyle]="item.partLink?.params?.normalTitleCssStyle | styleFilter">
                            <img class="leftIcon" *ngIf="item.partLink?.params?.leftIcon" [src]="item.partLink?.params?.leftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1681716603335ba29168d23b330b7e8d785a29cf1097b.png'" [ngStyle]="item.partLink?.params?.leftIconCssStyle|styleFilter" />
                            {{item.label}}
                            <font *ngIf="item.partLink?.params?.subTitle" [ngStyle]="item.partLink?.params?.normalSubTitleCssStyle | styleFilter">
                                {{item.partLink?.params?.subTitle}}
                            </font>
                        </font>
                        <div class="type-1-tab">
                            <div [ngStyle]="item.partLink?.params?.normalSlideCssStyle | styleFilter" class="slideBox">
                            </div>
                            <font class="type-1-font" *ngIf="item.partLink?.params?.subTitle">
                                {{item.partLink?.params?.subTitle}}
                            </font>
                        </div>
                    </ng-template>
                </div>
            </ng-container>
        </div>
        <!--1.6.15版本修改-->
        <ng-container *ngIf="appGlobalService?.headerSiftTag!==undefined&&appGlobalService?.headerSiftTag!==null">
            <app-sift [tagData]="appGlobalService.headerSiftTag"></app-sift>
        </ng-container>
    </ng-container>

    <div id="toolbar-{{currentRootTabId}}" class="displayno">
        <select class="ql-header">
            <!-- Note a missing, thus falsy value, is used to reset to default -->
            <option selected></option>
            <option value="1"></option>
            <option value="2"></option>
            <option value="3"></option>
            <option value="4"></option>
        </select>
        <!-- Add font size dropdown -->
        <select class="ql-size">
            <option value="12"></option>
            <!-- Note a missing, thus falsy value, is used to reset to default -->
            <option selected></option>
            <option value="16"></option>
            <option value="18"></option>
            <option value="22"></option>
            <option value="26"></option>
        </select>
        <!-- Add a bold button -->
        <button class="ql-bold"></button>
        <span class="ql-formats">
            <select class="ql-color"></select>
        </span>
        <span class="ql-formats">
            <select class="ql-align">
                <option selected=""></option>
                <option value="center"></option>
                <option value="right"></option>
                <option value="justify"></option>
            </select>
        </span>
        <!-- Add bullet and ordered list buttons -->
        <button class="ql-list" value="ordered"></button>
        <button class="ql-list" value="bullet"></button>
        <button class="ql-image"></button>
    </div>
</ion-header>
<ion-content [fullscreen]="titleBar?.fullscreen" force-overscroll="true" overflow-scroll="true" has-bouncing="true" [scrollEvents]="true" #superCotainer (ionScroll)="onScroll($event,titleBar)" (ionScrollEnd)="scrollEnd($event)" [scrollY]="!isPageDisabled" [ngClass]="{'white-bg': !isGrayBg ,'bg-image':showWaterImg}" style="scroll-behavior: smooth;" class="gray-bg" [ngStyle]="titleBar?.grayBgStyle | styleFilter">


    <!-- 'gray-bg': isGrayBg, -->
    <!-- 全局下拉刷新 height设置为2*60 原因是他们有个背景差，bug-view-4350.html -->
    <ion-refresher *ngIf="showRefresher === true " style="height: 120px;" slot="fixed" pullFactor="0.5" pullMin="60" pullMax="120" (ionRefresh)="appGlobalService.pullToRefresh($event)">
        <ion-refresher-content [ngStyle]="{'background':isGrayBg?'#f5f5f5':'#FFF'}" pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles"refreshingSpinner="crescent" refreshingText="">
        </ion-refresher-content>
    </ion-refresher>
    <!-- 通用自定义header背景样式  修改为全屏模式才启用-->
    <div class="header-bg-content" [ngStyle]="titleBar.headerBgStyle | styleFilter" *ngIf="titleBar && titleBar.headerBgStyle && titleBar?.fullscreen">
    </div>
    <!-- 预留通用自定义背景样式 -->
    <div class="header-bg-content" [ngStyle]="titleBar.customBgStyle | styleFilter" *ngIf="titleBar && titleBar.customBgStyle" [innerHTML]="titleBar.customBg">
    </div>

    <!-- titleBar 增加属性  headerId  、customBgStyle， customBg（要支持富文本），
滑动前样式原有headerStyle，background （作用于toolbar),  新增 toolbarStyle 
滑动后要改变样式用到：新增： headerChangeStyle ,toolbarChangeStyle
共新增 6个属性  -->
    <ion-header *ngIf="titleBar && titleBar!=={} && titleBar.fullscreen && titleBar.headerId" [ngClass]="
    {
    'isHeight': !isHeader, 
    'header-orange': titleBar.cssStyle === 'orange',
    'header-white': titleBar.cssStyle === 'white',
    'header-height': this.isShowTitleBar!==undefined,
    'header-fwBlack': titleBar.cssStyle === 'fwBlack'
    }" [translucent]="titleBar.fullscreen" name="" id="home-header-bg-box{{titleBar.headerId}}" style="position:fixed;" [ngStyle]="titleBar.headerStyle | styleFilter">


        <!--H52.0.1新增-->
        <div class="view-alert alertDivBox" *ngIf="appGlobalService.isH5OpenInQQ">
            <div class="col-md-12 alertDivInnerLeftBox">
                <p class="H5AlertTips alertDivTips">点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开。</p>
            </div>
            <div class="col-md-12 alertDivInnerRightBox">
                <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16801549354287d4ecdda674aefe0692bc2c963acb1e7.png" class="pull-right alertDivInnerRightBoxIcon">
            </div>
        </div>

        <!--配置titleBar的 background 返回是titleBar.cssStyle 在navone中ts中设置 控制ion-toolbar样式 -->
        <ion-toolbar *ngIf="titleBar.title?.labelName!==''" class="superToolclass 1" [ngStyle]="titleBar.bgImgStyle | styleFilter" id="superToolbar{{currentRootTabId}}" [ngClass]="{'isShow': isHeader,
            'isHide':!isHeader,
            'bg-image':showWaterImg,
            'bg-image-tag': titleBar.showWaterImg ,
            'title-laijian': titleBar.cssStyle === 'laijian', 
            'title-orange': titleBar.cssStyle === 'orange',
            'title-yellow': titleBar.cssStyle === 'yellow',
            'title-fwblack': titleBar.cssStyle === 'fwBlack',
            'title-transparent': titleBar.cssStyle === 'transparent',
            'title-toolbar-onlyTransparent':titleBar.bgImgStyle!==undefined,
            'title-white': titleBar.cssStyle === 'white',
            'title-sharePage': titleBar.cssStyle === 'sharePage',
            'toolbar-height': this.isShowTitleBar!==undefined,
            'title-shareCustomerPage': titleBar.cssStyle === 'shareCustomerPage',
            'bottom-line': (titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ) && titleBar.bottomLine !== false }">

            <ng-container *ngIf="titleBar.back">
                <ng-container *ngIf="titleBar.back.layout==='left'">
                    <ion-buttons slot="start" class="start firstRowLeftBtn" id="{{firstRowLeftIconBtnTimestemp}}" appDebounceClick (debounceClick)="back()">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1;else elseTemplate">
                            <img class="header-icon-img" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'yellow'||titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img" style="margin-right: 0px;" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                <img class="header-icon-img" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/nav_icon_back_fw.png'" alt="back">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'laijian'||titleBar.cssStyle === 'sharePage'||titleBar.cssStyle === 'shareCustomerPage'">
                                <img class="header-icon-img" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                            </ng-container>
                        </ng-template>

                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.back.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="back()">
                        <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                            <img class="header-icon-img-r" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/nav_icon_back_fw.png'" alt="back">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                <img class="header-icon-img-r" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/back_left.png'" alt="back">
                            </ng-container>
                            <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">


                                <img class="header-icon-img-r" src="{{titleBar?.back?.icon}}" onerror="this.src='assets/img/nav_icon_back_fw.png'" alt="back">
                            </ng-container>
                        </ng-template>


                    </ion-buttons>
                </ng-container>
            </ng-container>

            <ng-container *ngIf="titleBar.title && (!titleBar.title.layout || titleBar.title.layout === 'center')">
                <ion-title id="nav-title" class="nav-title" [ngStyle]="titleBar.title.cssStyle | styleFilter" *ngIf="titleBar.title">{{titleBar.title.labelName}}</ion-title>
            </ng-container>
            <ng-container *ngIf="titleBar.title && titleBar.title.layout === 'left'">
                <ion-buttons slot="start" class="start" [ngStyle]="titleBar.title.cssStyle  | styleFilter" class="nav-title nav-title-left">
                    {{titleBar.title.labelName}}
                </ion-buttons>
            </ng-container>
            <ng-container *ngIf="titleBar.title && titleBar.title.layout === 'black'">
                <ion-title id="nav-title" class="blackTitle" *ngIf="titleBar.title">{{titleBar.title.labelName}}
                </ion-title>
            </ng-container>

            <!-- 顶部的搜索按钮 -->
            <ng-container *ngIf="titleBar.searchInput 
            && titleBar.searchInput?.layout!=='bottom-center' 
            && titleBar.searchInput?.layout!=='bottom-custom' 
            && titleBar.searchInput?.layout!=='bottom-left' 
            && titleBar.searchInput?.layout!=='bottom-right'
            && titleBar.searchInput?.layout!=='body'">
                <!-- 搜索按钮 -->
                <ng-container *ngIf="titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                    <!-- 300 维修保洁滚动搜索 右边有搜索btn-->
                    <ng-container *ngIf="titleBar.searchInput.searchType==='300'; else elseTemplate300">
                        <div class="newSearch" [ngStyle]="titleBar.searchInput?.cssStyle  | styleFilter">
                            <div class="mask" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,0,$event)"></div>
                            <ion-slides #slidesBy [options]="options_" class="swiper" (ionSlideTap)="clickImg(titleBar.searchInput,$event)" (ionSlideDidChange)="getIndex(slidesBy,titleBar.searchInput)" (ionSlidesDidLoad)="slidesDidLoad(slidesBy,titleBar.searchInput)">
                                <ion-slide *ngFor="let ite of titleBar.searchInput?.placeholder?.split('、');let i = index">
                                    <span class="text">{{ite}}</span>
                                </ion-slide>
                            </ion-slides>
                            <div class="newSearch_s" appDebounceClick (debounceClick)="goPage(titleBar.searchInput?.orderLink)">
                                搜索
                            </div>
                        </div>
                    </ng-container>
                    <ng-template #elseTemplate300>
                        <!--100 户型图 200 缩合成交选择商机和人员-->
                        <ng-container *ngIf="titleBar.searchInput.searchType==='200'; else elseTemplate">
                            <ion-searchbar class="search-bar 200 pointerEventNone" style="pointer-events:unset;" [(ngModel)]="keyword" (keypress)="search($event)" placeholder={{titleBar.searchInput.placeholder}} mode="ios">
                            </ion-searchbar>
                        </ng-container>
                        <ng-template #elseTemplate>
                            <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,$event)" class="readonlyInput">
                                <ion-searchbar class="search-bar pointerEventNone" placeholder={{titleBar.searchInput.placeholder}} value={{titleBar.searchInput.value}} mode="ios" [ngStyle]="(titleBar.searchInput?.link?.params?.key?.cssStyle | styleFilter) || (titleBar.searchInput?.partLink?.params?.key?.cssStyle  | styleFilter)">
                                </ion-searchbar>
                            </div>
                        </ng-template>
                    </ng-template>



                </ng-container>
                <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                    <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput)">
                        <ion-searchbar class="search-bar search-bar-orange pointerEventNone" *ngIf="titleBar.searchInput" placeholder={{titleBar.searchInput.placeholder}} mode="ios" [ngStyle]="(titleBar.searchInput?.link?.params?.key?.cssStyle  | styleFilter) || (titleBar.searchInput?.partLink?.params?.key?.cssStyle  | styleFilter)">
                        </ion-searchbar>
                    </div>

                </ng-container>
                <!--建材商场的搜索-->
                <ng-container *ngIf="!(titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined)&&!(titleBar.cssStyle === 'orange')">
                    <ng-container *ngIf="titleBar.searchInput.searchType==='300'; else elseTemplate_300">
                        <div class="newSearch" [ngStyle]="titleBar.searchInput?.cssStyle  | styleFilter">
                            <div class="mask" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,0,$event)"></div>
                            <ion-slides #slidesBy [options]="options_" class="swiper" (ionSlideTap)="clickImg(titleBar.searchInput,$event)" (ionSlideDidChange)="getIndex(slidesBy,titleBar.searchInput.placeholder.split('、'))" (ionSlidesDidLoad)="slidesDidLoad(slidesBy,titleBar.searchInput)" [ngStyle]="titleBar.searchInput?.link?.params?.key?.cssStyle | styleFilter">
                                <ion-slide *ngFor="let ite of titleBar.searchInput?.placeholder?.split('、');let i = index">
                                    <span class="text">{{ite}}</span>
                                </ion-slide>
                            </ion-slides>
                            <div class="newSearch_s" appDebounceClick (debounceClick)="goPage(titleBar.searchInput?.orderLink)" [ngStyle]="titleBar.searchInput?.labelCssStyle | styleFilter">
                                搜索
                            </div>
                        </div>
                    </ng-container>
                    <ng-template #elseTemplate_300>
                        <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,$event)" *ngIf="titleBar.searchInput">
                            <ion-searchbar class="search-bar pointerEventNone search-white" placeholder={{titleBar.searchInput.placeholder}} value={{titleBar.searchInput.value}} mode="ios" [ngStyle]="titleBar.searchInput?.link?.params?.key?.cssStyle | styleFilter">
                            </ion-searchbar>
                        </div>
                    </ng-template>
                </ng-container>


            </ng-container>

            <!-- 顶部布局的 购物车  -->
            <ng-container *ngIf="titleBar.cart
         &&titleBar.cart?.layout!=='bottom-center'
         &&titleBar.cart?.layout!=='bottom-custom'
         &&titleBar.cart?.layout!=='bottom-left'
         &&titleBar.cart?.layout!=='bottom-right'">
                <ng-container *ngIf="titleBar.cart.layout==='left'">
                    <ion-buttons slot="start" class="start" [ngClass]="{'titleBar-right-box': !titleBar.cssStyle,'titleBar-right-box-white': titleBar.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.cart)" [ngStyle]="titleBar.cart.cssStyle | styleFilter">

                        <!--蜂喔用户2.0 新增 选择小区 -->

                        <img class="header-icon-img" [src]="titleBar.cart.icon" [ngStyle]="titleBar.cart.link.params.iconCssStyle | styleFilter" onerror="this.src='assets/fw/nav_icon_cart@3x.png'" alt="share">

                        <span class="title" *ngIf="titleBar.cart.link.params.cslLabel" [ngStyle]="titleBar.cart.link.params.cslCssStyle  | styleFilter">{{titleBar.cart?.link?.params?.cslLabel}}</span>

                        <img class="header-arrow-img" [src]="titleBar.cart.link.params.arrowIcon" [ngStyle]="titleBar.cart.link.params.arrowIconCssStyle | styleFilter" onerror="this.src='assets/fw/nav_icon_cart@3x.png'">

                        <ng-container *ngIf="titleBar.cart.count!==undefined&&titleBar.cart.count >0">
                            <ion-badge class="topBadge" [ngStyle]="titleBar.cart.link.params.badgeCssStyle | styleFilter">
                                {{titleBar.cart.count}}</ion-badge>
                        </ng-container>
                    </ion-buttons>
                </ng-container>
                <ng-container *ngIf="titleBar.cart.layout==='right'">
                    <ion-buttons slot="end" class="end rightChat" [ngClass]="{'titleBar-right-box': !titleBar.cssStyle,'titleBar-right-box-white': titleBar.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.cart)" [ngStyle]="titleBar.cart.cssStyle | styleFilter">

                        <!--蜂喔用户1.9.18新增在线客服-->
                        <span class="title" *ngIf="titleBar.cart.link.params.cslLabel" [ngStyle]="titleBar.cart.link.params.cslCssStyle  | styleFilter">{{titleBar.cart?.link?.params?.cslLabel}}</span>

                        <img class="header-icon-img-r" [src]="titleBar.cart.icon" [ngStyle]="titleBar.cart.link.params.iconCssStyle | styleFilter" onerror="this.src='assets/fw/nav_icon_cart@3x.png'" alt="share">
                            <ng-container *ngIf="chatService?.getCartItemCount()!==undefined&&chatService?.getCartItemCount() >0">
                                <ion-badge class="topBadge2 numberOfCart1" *ngIf="!titleBar.cart.link.params.hideBadge" [ngStyle]="titleBar.cart.link.params.badgeCssStyle | styleFilter">
                                    {{chatService.getCartItemCount()}}
                                </ion-badge>
                            </ng-container>
                       





                        <!-- 蜂喔商户1.6.15 -->
                        <ng-container *ngIf="titleBar.cart.count!==undefined&&titleBar.cart.count===0&&appGlobalService.numberOfRedDotMessage > 0 ">
                            <div class="topBadge3"></div>
                        </ng-container>
                    </ion-buttons>
                </ng-container>
            </ng-container>

            <!-- search btn -->
            <ng-container *ngIf="titleBar.searchButton">
                <ng-container *ngIf="titleBar.searchButton.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchButton)">
                        <ng-container *ngIf="titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                            <img class="header-icon-img" src="assets/img/nav_search.png" alt="search 1">
                        </ng-container>
                        <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                            <img class="header-icon-img" src="assets/img/nav_search_white@3x.png" alt="search 2">
                        </ng-container>
                        <span [ngClass]="{'button-orange': titleBar.cssStyle === 'orange','button-white': titleBar.cssStyle === 'white'}">{{titleBar.searchButton.labelName}}</span>
                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.searchButton.layout==='right'">
                    <ion-buttons id="searchButtonRight" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.buttonCssStyle | styleFilter" slot="end" class="end  searchButtonRight" appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchButton)">
                        <ng-container *ngIf="titleBar.cssStyle === 'white' 
                    || titleBar.cssStyle === undefined 
                    || titleBar.cssStyle !== 'orange'&&titleBar.cssStyle !== 'white'">
                            <ng-container *ngIf="titleBar.searchButton
                            &&titleBar.searchButton.partLink
                            &&titleBar.searchButton.partLink.params
                            &&titleBar.searchButton.partLink.params.key.searchIcon; else searchIconIsEmptyTemplate">
                                <img class="header-icon-img-r" [src]="titleBar.searchButton.partLink.params.key.searchIcon" onerror="this.src='assets/img/nav_search.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 3">
                            </ng-container>
                            <ng-template #searchIconIsEmptyTemplate>
                                <img class="header-icon-img-r" src="assets/img/nav_search.png" onerror="this.src='assets/img/nav_search.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 3">
                            </ng-template>
                        </ng-container>
                        <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                            <ng-container *ngIf="titleBar.searchButton
                        &&titleBar.searchButton.partLink
                        &&titleBar.searchButton.partLink.params
                        &&titleBar.searchButton.partLink.params.key.searchIcon; else searchIconIsEmptyTemplate2">
                                <img class="header-icon-img-r" [src]="titleBar.searchButton.partLink?.params?.key?.searchIcon" onerror="this.src='assets/img/nav_search_white@3x.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 4">
                            </ng-container>
                            <ng-template #searchIconIsEmptyTemplate2>
                                <img class="header-icon-img-r" src="assets/img/nav_search_white@3x.png" onerror="this.src='assets/img/nav_search.png'" [ngStyle]="titleBar.searchButton.partLink?.params?.key?.searchIconCssStyle | styleFilter" alt="search 3">
                            </ng-template>
                        </ng-container>
                        <span [ngClass]="{'button-orange': titleBar.cssStyle === 'orange','button-white': titleBar.cssStyle === 'white'}">{{titleBar.searchButton.labelName}}</span>
                    </ion-buttons>
                </ng-container>
            </ng-container>


            <!-- iconButton 数组形式最终可能是用这个替代所以的图标 btn -->
            <ng-container *ngIf="titleBar.iconButton && titleBar.iconButton.length">
                <ng-container *ngFor="let item of titleBar.iconButton">
                    <ng-container *ngIf="item.layout==='left'">
                        <ion-buttons slot="start" class="start" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="iconButtonClick(item)">
                            <ng-container *ngIf="item.label && item.label.length > 0; else elseIcon">
                                {{item.label}}
                            </ng-container>
                            <ng-template #elseIcon>
                                <img *ngIf="item.icon.indexOf('http') > -1" class="header-icon-img" [ngStyle]="item.iconCssStyle  | styleFilter" src="{{item.icon}}" alt="iconButton">
                                <img *ngIf="item.icon.indexOf('http') === -1 " class="header-icon-img" [ngStyle]="item.iconCssStyle  | styleFilter" src="assets/icon/{{item.icon}}" alt="iconButton">
                            </ng-template>


                        </ion-buttons>
                    </ng-container>
                    <ng-container *ngIf="item.layout==='right'">
                        <ion-buttons slot="end" class="end" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="iconButtonClick(item)">
                            <ng-container *ngIf="item.label && item.label.length > 0; else elseIcon">
                                {{item.label}}
                            </ng-container>
                            <ng-template #elseIcon>
                                <img *ngIf="item.icon.indexOf('http') > -1" class="header-icon-img" [ngStyle]="item.iconCssStyle | styleFilter" src="{{item.icon}}" alt="iconButton">
                                <img *ngIf="item.icon.indexOf('http') === -1 " class="header-icon-img" [ngStyle]="item.iconCssStyle | styleFilter" src="assets/icon/{{item.icon}}" alt="iconButton">
                            </ng-template>
                        </ion-buttons>
                    </ng-container>
                </ng-container>
            </ng-container>



            <ng-container *ngIf="appTypeCustom!='LJ'">
                <!-- add  call btn : -->
                <ng-container *ngIf="titleBar.call">
                    <ng-container *ngIf="titleBar.call.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="call(titleBar.call)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' ||  titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                    <img class="header-icon-img" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                                </ng-container>
                            </ng-template>


                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf="titleBar.call.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="call(titleBar.call)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                    <img class="header-icon-img" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>
                </ng-container>

                <!-- add  chat btn : -->
                <ng-container *ngIf="titleBar.chat">
                    <ng-container *ngIf="titleBar.chat.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                            <img class="header-icon-img" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf="titleBar.chat.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                            <img class="header-icon-img-r" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                        </ion-buttons>
                    </ng-container>
                </ng-container>

            </ng-container>
            <ng-container *ngIf="appTypeCustom==='LJ'">
                <!-- add  chat btn : -->
                <ng-container *ngIf="titleBar.chat">
                    <ng-container *ngIf="titleBar.chat.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                            <img class="header-icon-img" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf="titleBar.chat.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="chat(titleBar.chat)">
                            <img class="header-icon-chat-r-js" src="assets/icon/{{titleBar.chat.icon}}" alt="chat">
                        </ion-buttons>
                    </ng-container>
                </ng-container>

                <!-- add  call btn : -->
                <ng-container *ngIf="titleBar.call">
                    <ng-container *ngIf="titleBar.call.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="call(titleBar.call)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' ||  titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                    <img class="header-icon-img" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf="titleBar.call.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="call(titleBar.call)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_tel@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_tel_white@3x.png" alt="call">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'laijian'">
                                    <img class="header-icon-call-r-js" src="assets/laijian/nav_icon-phone@3x.png" alt="call">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>
                </ng-container>


            </ng-container>
            <!--将分享和收藏按钮放到更多前面-->
            <ng-container *ngIf="appTypeCustom==='LJ'">
                <!-- add  favorite btn-->
                <ng-container *ngIf="titleBar.favorite">
                    <ng-container *ngIf="titleBar.favorite.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                </ng-container>
                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'fwBlack'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img" src="assets/fw/favorite.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf=" titleBar.favorite.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'fwBlack'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img-r" src="assets/fw/favorite.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                                </ng-container>
                            </ng-template>
                        </ion-buttons>
                    </ng-container>
                </ng-container>
                <!-- add  share btn-->
                <ng-container *ngIf="titleBar.share">
                    <ng-container *ngIf="titleBar.share.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'|| titleBar.cssStyle === 'shareCustomerPage'|| titleBar.cssStyle === 'sharePage'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                                </ng-container>
                            </ng-template>
                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf="titleBar.share.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">

                                <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">
                                <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">
                                    <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'fwBlack'">
                                    <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/fw/share.png" alt="share">

                                    <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                                </ng-container>

                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'|| titleBar.cssStyle === 'shareCustomerPage'|| titleBar.cssStyle === 'sharePage'">
                                    <img *ngIf="!titleBar.share.icon" class="header-icon-img-r" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                                    <img *ngIf="titleBar.share.icon" class="header-icon-img-r" src="{{titleBar.share.icon}}" alt="share">
                                </ng-container>
                            </ng-template>
                        </ion-buttons>
                    </ng-container>
                </ng-container>
            </ng-container>
            <ng-container *ngIf="appTypeCustom!='LJ'">
                <!-- add  share btn-->
                <ng-container *ngIf="titleBar.share">
                    <ng-container *ngIf="titleBar.share.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_share@3x.png" alt="share">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf="titleBar.share.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="share(titleBar.share.link)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">

                            </ng-container>
                            <ng-template #elseTemplate>
                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' || titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_share@3x.png" alt="share">
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_share_white@3x.png" alt="share">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>
                </ng-container>

                <!-- add  favorite btn-->
                <ng-container *ngIf="titleBar.favorite">
                    <ng-container *ngIf="titleBar.favorite.layout==='left'">
                        <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">

                            </ng-container>
                            <ng-template #elseTemplate>


                                <ng-container *ngIf="titleBar.cssStyle === 'transparent' ||  titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                    <img class="header-icon-img" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                                </ng-container>
                            </ng-template>
                        </ion-buttons>
                    </ng-container>

                    <ng-container *ngIf=" titleBar.favorite.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="favorite(titleBar.favorite.submit)">
                            <ng-container *ngIf="titleBar.cssStyle && titleBar.cssStyle.indexOf(':') !== -1 ; else elseTemplate">
                                <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">

                            </ng-container>
                            <ng-template #elseTemplate>

                                <ng-container *ngIf="titleBar.cssStyle === 'white' || titleBar.cssStyle === undefined ">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_normal@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack'">
                                    <ng-container *ngIf="titleBar.favorite.icon === 'unfavorite'">
                                        <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_white_nor@3x.png" alt="favorite">
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="titleBar.favorite.icon === 'favorite'">
                                    <img class="header-icon-img-r" src="assets/icon/nav_icon_collection_pre@3x.png" alt="favorite">
                                </ng-container>
                            </ng-template>

                        </ion-buttons>
                    </ng-container>
                </ng-container>
            </ng-container>
            <!-- add  more btn : -->
            <ng-container *ngIf="titleBar.moreLine">
                <ng-container *ngIf="titleBar.moreLine.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="moreLine(titleBar.moreLine)" [ngClass]="{'padding35': titleBar.moreLine.data[0]?.link?.params?.moreLineCount}" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.buttonCssStyle | styleFilter">
                        <img class="header-icon-img" src="assets/icon/{{titleBar.moreLine.icon}}" alt="moreLine">
                        <ng-container *ngIf="titleBar.moreLine.data[0]?.link?.params?.moreLineCount!==undefined && titleBar.moreLine.data[0]?.link?.params?.moreLineCount > 0">
                            <ion-badge class="topBadge2" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.badgeCssStyle | styleFilter">
                                {{titleBar.moreLine?.data[0]?.link?.params?.moreLineCount}}</ion-badge>
                        </ng-container>
                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.moreLine.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="moreLine(titleBar.moreLine)" [ngClass]="{'padding35': titleBar.moreLine.data[0]?.link?.params?.moreLineCount}" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.buttonCssStyle | styleFilter">
                        <img class="header-icon-img-r" src="assets/icon/{{titleBar.moreLine.icon}}" alt="moreLine">
                        <ng-container *ngIf="titleBar.moreLine.data[0]?.link?.params?.moreLineCount!==undefined && titleBar.moreLine.data[0]?.link?.params?.moreLineCount > 0">
                            <ion-badge class="topBadge2" [ngStyle]="titleBar.moreLine?.data[0]?.link?.params?.badgeCssStyle | styleFilter">
                                {{titleBar.moreLine?.data[0]?.link?.params?.moreLineCount}}</ion-badge>
                        </ng-container>
                    </ion-buttons>
                </ng-container>
            </ng-container>
            <!-- add  filter btn : -->
            <ng-container *ngIf="titleBar.filter">
                <ng-container *ngIf="titleBar.filter.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="filter(titleBar.filter)">
                        <img class="header-icon-img" src="assets/img/{{titleBar.filter.icon}}" alt="chat">


                    </ion-buttons>
                </ng-container>

                <ng-container *ngIf="titleBar.filter.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="filter(titleBar.filter)">
                        <img class="header-icon-img-r" src="assets/img/{{titleBar.filter.icon}}" alt="chat">

                    </ion-buttons>
                </ng-container>
            </ng-container>
            <!-- textButton 确定 提价表单用的  -->
            <ng-container *ngIf="titleBar.textButton && this.titleBar.showRightBtn !=='true'">
                <ng-container *ngIf="titleBar.textButton.layout==='left'">
                    <ion-buttons slot="start" class="start" [ngClass]="{'titleBar-right-box': !titleBar.textButton.cssStyle,'titleBar-right-box-white': titleBar.textButton.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.textButton)" [ngStyle]="titleBar.textButton?.cssStyle  | styleFilter">
                        <span class="titleBar-textBtn" [ngStyle]="titleBar.textButton.link?.params?.labelCssStyle | styleFilter">{{titleBar.textButton.label}}</span>
                    </ion-buttons>
                </ng-container>
                <ng-container *ngIf="titleBar.textButton.layout==='right'">
                    <ion-buttons slot="end" class="end" id="{{titleBar.textButton.link?.params?.hideState}}" [ngClass]="{'titleBar-right-box': !titleBar.textButton.cssStyle,'titleBar-right-box-white': titleBar.textButton.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.textButton,titleBar?.searchInput)" [ngStyle]="titleBar.textButton?.cssStyle | styleFilter">

                        <span class="titleBar-textBtn" [ngClass]="{'manager-btn': titleBar.textButton.action ==='manageShopping','address':titleBar.textButton.action ==='addressManage'}" [ngStyle]="(titleBar.textButton.link?.params?.labelCssStyle  | styleFilter )|| (titleBar.textButton.submit?.content?.labelCssStyle  | styleFilter)">{{titleBar.textButton.label}}</span>

                    </ion-buttons>
                </ng-container>
            </ng-container>

            <!-- toggleButton 发现-推荐 -->
            <ng-container *ngIf="titleBar.toggleButton && titleBar.toggleButton.length === 2">
                <ion-title>
                    <div style="padding-top: 0.13rem;" [ngStyle]="titleBar.toggleButton[0].partLink?.params?.boxCssStyle|styleFilter">
                        <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.cssType!==undefined">
                            <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.newStyle!==undefined; else normalToggleButtonTemplate">
                                <div class="nav-toggle-bg1 newStyle" [ngStyle]="titleBar.toggleButton[0].partLink?.params?.innerBoxCssStyle|styleFilter">
                                    <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.checkedCssStyle!==undefined
                                &&titleBar.toggleButton[0].checked; else normalCssStyleTemplate">
                                        <div class="toggle-left1" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" [ngStyle]="titleBar.toggleButton[0].partLink.params.checkedCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)">
                                            {{titleBar.toggleButton[0].label}}
                                        </div>
                                    </ng-container>
                                    <ng-template #normalCssStyleTemplate>
                                        <div class="toggle-left1" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" [ngStyle]="titleBar.toggleButton[0].partLink.params.normalCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)">
                                            {{titleBar.toggleButton[0].label}}
                                        </div>
                                    </ng-template>
                                    <ng-container *ngIf="titleBar.toggleButton[1].partLink.params.checkedCssStyle!==undefined
                                        &&titleBar.toggleButton[1].checked; else normalCssStyleTemplate1">
                                        <div class="toggle-right1" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" [ngStyle]="titleBar.toggleButton[1].partLink.params.checkedCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)">
                                            {{titleBar.toggleButton[1].label}}
                                        </div>
                                    </ng-container>
                                    <ng-template #normalCssStyleTemplate1>
                                        <div class="toggle-right1" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" [ngStyle]="titleBar.toggleButton[1].partLink.params.normalCssStyle|styleFilter" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)">
                                            {{titleBar.toggleButton[1].label}}
                                        </div>
                                    </ng-template>
                                </div>
                            </ng-container>
                            <ng-template #normalToggleButtonTemplate>
                                <div class="nav-toggle-bg1">
                                    <div class="toggle-left1" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)" [ngStyle]="titleBar.toggleButton[0].partLink.params.checkedCssStyle|styleFilter">
                                        {{titleBar.toggleButton[0].label}}
                                        <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.slideCssStyle!==undefined&&titleBar.toggleButton[0].checked; else slideCssStyleTemplate">
                                            <div class="topCheckSlide" [ngStyle]="titleBar.toggleButton[0].partLink.params.slideCssStyle | styleFilter">
                                            </div>
                                        </ng-container>
                                        <ng-template #slideCssStyleTemplate>
                                            <img src="assets/fw/path.png" *ngIf="titleBar.toggleButton[0].checked" class="slideDiv" />
                                        </ng-template>
                                        <div class="slideDiv" *ngIf="titleBar.toggleButton[0].checked===false"></div>
                                    </div>
                                    <div class="toggle-right1" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)" [ngStyle]="titleBar.toggleButton[1].partLink.params.checkedCssStyle|styleFilter">
                                        {{titleBar.toggleButton[1].label}}
                                        <ng-container *ngIf="titleBar.toggleButton[1].partLink.params.slideCssStyle!==undefined&&titleBar.toggleButton[1].checked; else slideCssStyleTemplate1">
                                            <div class="topCheckSlide" [ngStyle]="titleBar.toggleButton[1].partLink.params.slideCssStyle | styleFilter">
                                            </div>
                                        </ng-container>
                                        <ng-template #slideCssStyleTemplate1>
                                            <img src="assets/fw/path.png" *ngIf="titleBar.toggleButton[1].checked" class="slideDiv" />
                                        </ng-template>
                                        <div class="slideDiv" *ngIf="titleBar.toggleButton[1].checked===false"></div>
                                        <div *ngIf="titleBar.hasNew && titleBar.hasNew !== '0' " class="toggle-right-new">
                                        </div>
                                    </div>
                                </div>
                            </ng-template>


                        </ng-container>
                        <ng-container *ngIf="titleBar.toggleButton[0].partLink.params.cssType===undefined">
                            <div class="nav-toggle-bg">
                                <div class="toggle-left" [ngClass]="{'toggle-check': titleBar.toggleButton[0].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 0)">{{titleBar.toggleButton[0].label}}
                                </div>
                                <div class="toggle-right" [ngClass]="{'toggle-check': titleBar.toggleButton[1].checked}" appDebounceClick (debounceClick)="toggle(titleBar.toggleButton, 1)">{{titleBar.toggleButton[1].label}}
                                    <div *ngIf="titleBar.hasNew && titleBar.hasNew !== '0' " class="toggle-right-new">
                                    </div>
                                </div>
                            </div>
                        </ng-container>
                    </div>
                </ion-title>
                <!-- todo: -->
                <!-- <ng-container *ngIf="titleBar.textButton.layout==='right'">
                        <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="textButton(titleBar.textButton)">
                            <span [ngClass]="{'button-orange': titleBar.cssStyle === 'orange','button-white': titleBar.cssStyle === 'white'}">{{titleBar.textButton.label}}</span>
                        </ion-buttons>
                    </ng-container> -->
            </ng-container>
            <ng-container *ngIf="titleBar.cancel">
                <ng-container *ngIf="titleBar.cancel.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="back()">
                        <span [ngClass]="{
                            'button-orange': titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack',
                            'button-white': titleBar.cssStyle === 'white'
                        }">{{titleBar.cancel.labelName}}</span>
                    </ion-buttons>
                </ng-container>
                <ng-container *ngIf="titleBar.cancel.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="back()">
                        <span [ngClass]="{
                            'button-orange': titleBar.cssStyle === 'orange'||titleBar.cssStyle === 'fwBlack',
                            'button-white': titleBar.cssStyle === 'white'
                        }">{{titleBar.cancel.labelName}}</span>
                    </ion-buttons>
                </ng-container>
            </ng-container>
            <ng-container *ngIf="titleBar.close">
                <ng-container *ngIf="titleBar.close.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="close()">
                        <img class="header-icon-img" src="assets/img/close.png" alt="back">
                    </ion-buttons>
                </ng-container>
                <ng-container *ngIf="titleBar.close.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="close()">
                        <img class="header-icon-img-r" src="assets/img/close.png" alt="back">
                    </ion-buttons>
                </ng-container>
            </ng-container>
            <ng-container *ngIf="titleBar.discounts">
                <ng-container *ngIf="titleBar.discounts.layout==='left'">
                    <ion-buttons slot="start" class="start" appDebounceClick (debounceClick)="buttonClick(titleBar.discounts.link)">
                        <img class="header-icon-img" src="assets/img/activity@3x.png" alt="discounts">
                    </ion-buttons>
                </ng-container>
                <ng-container *ngIf="titleBar.discounts.layout==='right'">
                    <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="buttonClick(titleBar.discounts.link)">
                        <img class="header-icon-img-r" src="assets/img/activity@3x.png" alt="discounts">
                    </ion-buttons>
                </ng-container>
            </ng-container>

            <ng-container *ngIf="titleBar.position&&titleBar.position.layout==='right'; else elseTitleBarTemplate">
                <ion-buttons class="nav-title nav-position 3" style="height: 2.75rem;"
                [ngStyle]="titleBar.position.link?.param&&titleBar.position.link?.param[0]?.value|styleFilter"
                *ngIf="titleBar.position" slot="end" class="end" appDebounceClick (debounceClick)="buttonClick(titleBar.position.link)">
                    <img class="locationIcon" *ngIf="titleBar.position.link
            &&titleBar.position.link.param&&titleBar.position.link.param[0].name==='locationIcon'" [src]="titleBar.position.link.param[0].value" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_168369786692636dc074d6db31630a0ef051e4381a5b0.png'" />

                    <span id="identityCityName" class="position3" *ngIf="positionInfo &&  positionInfo.name">{{positionInfo.name}} </span>
                    <i class="triangle-icon"></i>
                </ion-buttons>
            </ng-container>
            <ng-template #elseTitleBarTemplate>
                <ion-buttons class="nav-title nav-position 4" style="height: 2.75rem;" 
                [ngStyle]="titleBar.position.link?.param&&titleBar.position.link?.param[0]?.value|styleFilter"
                *ngIf="titleBar.position" slot="start" class="start" appDebounceClick (debounceClick)="buttonClick(titleBar.position.link)">
                    <span id="identityCityName" class="position4" *ngIf="positionInfo &&  positionInfo.name">{{positionInfo.name}} </span>
                    <i class="triangle-icon"></i>
                </ion-buttons>
            </ng-template>
        </ion-toolbar>
        <!--1.9.5 新增一个toolbar 用于 底部搜索 按钮 的  布局-->
        <ion-toolbar *ngIf="titleBar.searchInput?.layout==='bottom-center' 
        || titleBar.searchInput?.layout==='bottom-custom' 
        || titleBar.searchInput?.layout==='bottom-left' 
        || titleBar.searchInput?.layout==='bottom-right' 
        || titleBar.cart?.layout==='bottom-center' 
        || titleBar.cart?.layout==='bottom-left' 
        || titleBar.cart?.layout==='bottom-right'" class="paddinglr bottomSearchBox 2" [ngStyle]="titleBar.searchInput?.link?.params?.key?.bottomSearchBox2CssStyle|styleFilter" [ngClass]="{'bottomSearchBox2': titleBar.searchInput?.link?.params?.key?.bottomSearchBox2CssStyle!==undefined,
                    'hostPadding':titleBar.searchInput?.link?.params?.key?.hostPadding!==undefined}" style="padding-left: 0;padding-right: 0;">
            <ng-container *ngIf="titleBar.searchInput?.layout==='bottom-custom'; else bottomCustomTemplate">

                <!--2.0新增头部切换搜索-->
                <div id="bottomSearch2" class="headDiv" [ngStyle]="titleBar.link?.link?.params?.headDivBoxCssStyle|styleFilter">
                    <div class="headDivInnerBox 1" id="headDivInnerBoxId" [ngStyle]="titleBar.link?.link?.params?.headDivInnerBoxCssStyle|styleFilter">
                        <!--  -->
                        <span class="title" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="changeCity(titleBar.link,$event)">
                            {{areaPositionInfo?.name}}{{areaPositionInfo?.district}}
                            <img class="firstRowIcon" [src]="titleBar.link?.link?.params?.firstRowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874263937b0e1ec64c053f9a5b61b1064e88825ad.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowIconCssStyle|styleFilter" />
                        </span>

                        <div class="middleLine" [ngStyle]="titleBar.link?.link?.params?.middleLineCssStyle|styleFilter">
                        </div>

                        <img class="firstRowSecondIcon" *ngIf="titleBar.link?.link?.params?.firstRowSecondIcon" [src]="titleBar.link?.link?.params?.firstRowSecondIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874396056d11476e453f701a0fed858915f7e1921.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowSecondIconCssStyle|styleFilter" />

                        <span class="firstRowLeftHintLabel" appDebounceClick (debounceClick)="searchButtonClick(titleBar?.searchInput,$event)" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftHintLabelCssStyle|styleFilter">
                            {{titleBar.link?.link?.params?.firstRowLeftHintLabel}}
                        </span>
                    </div>


                </div>
            </ng-container>
            <ng-template #bottomCustomTemplate>
                <ng-container *ngIf="titleBar.link&&titleBar.link; else normalSearchBtnTemplate">
                    <!--2.0新增头部切换搜索-->
                    <div id="bottomSearch2" class="headDiv" [ngStyle]="titleBar.link?.link?.params?.headDivBoxCssStyle|styleFilter">
                        <div class="headDivInnerBox 2" id="headDivInnerBoxId" [ngStyle]="titleBar.link?.link?.params?.headDivInnerBoxCssStyle|styleFilter">
                            <span class="title" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="changeCity(titleBar.link,$event)">
                                {{areaPositionInfo?.name}}
                                <img class="firstRowIcon" [src]="titleBar.link?.link?.params?.firstRowIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874263937b0e1ec64c053f9a5b61b1064e88825ad.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowIconCssStyle|styleFilter" />
                            </span>

                            <div class="middleLine" [ngStyle]="titleBar.link?.link?.params?.middleLineCssStyle|styleFilter">
                            </div>

                            <img class="firstRowSecondIcon" *ngIf="titleBar.link?.link?.params?.firstRowSecondIcon" [src]="titleBar.link?.link?.params?.firstRowSecondIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874396056d11476e453f701a0fed858915f7e1921.png'" [ngStyle]="titleBar.link?.link?.params?.firstRowSecondIconCssStyle|styleFilter" />

                            <span class="firstRowLeftHintLabel" id="headDivInnerHintText" appDebounceClick (debounceClick)="searchButtonClick(titleBar?.searchInput,$event)" [ngStyle]="titleBar.link?.link?.params?.firstRowLeftHintLabelCssStyle|styleFilter">
                                {{titleBar.link?.link?.params?.firstRowLeftHintLabel}}
                            </span>
                        </div>


                    </div>
                </ng-container>
                <ng-template #normalSearchBtnTemplate>
                    <div appDebounceClick (debounceClick)="searchButtonClick(titleBar.searchInput,$event)" id="bottomSearch" [ngStyle]="titleBar.searchInput?.link?.params?.key?.bottomSearchDivBoxCssStyle|styleFilter">
                        <ion-searchbar class="search-bar cssType1 bottomSearch pointerEventNone" placeholder={{titleBar.searchInput.placeholder}} [ngClass]="{'cssType1': titleBar.searchInput?.link?.params?.key?.cssType==='1' || titleBar.searchInput?.partLink?.params?.key?.cssType==='1'}" value={{titleBar.searchInput.value}} mode="ios" [ngStyle]="(titleBar.searchInput?.link?.params?.key?.cssStyle  | styleFilter) || (titleBar.searchInput?.partLink?.params?.key?.cssStyle  | styleFilter)">
                        </ion-searchbar>
                    </div>
                    <ion-buttons slot="end" class="end" *ngIf="titleBar?.cart" [ngClass]="{'titleBar-right-box': !titleBar?.cssStyle,'titleBar-right-box-white': titleBar?.cssStyle}" appDebounceClick (debounceClick)="textButton(titleBar.cart)" [ngStyle]="titleBar.cart?.cssStyle | styleFilter">
                        <img class="header-icon-img" [ngStyle]="titleBar.cart?.link?.params?.iconCssStyle | styleFilter" [src]="titleBar?.cart?.icon" alt="share">
                        <ng-container *ngIf="titleBar?.cart?.count!==undefined && titleBar?.cart?.count > 0">
                            <ion-badge class="topBadge" *ngIf="!titleBar?.cart?.link?.params?.hideBadge" [ngStyle]="titleBar?.cart?.link?.params?.badgeCssStyle | styleFilter">
                                {{titleBar.cart.count}}</ion-badge>
                        </ng-container>


                    </ion-buttons>
                </ng-template>






            </ng-template>


        </ion-toolbar>

        <!-- TabBar激活Tab文字颜色 (onChange)="onTabsChange($event,tagData.data,tagData.currentData.tags)"  [tabBarUnderlineStyle]="tabBarUnderlineStyle" [activeTab]="tabPaneIndex" -->
        <ion-toolbar *ngIf="showTopTab" style="--padding-bottom:0px;padding-left: 0px;padding-right: 0px;--padding-start: 0px;--padding-end: 0px;" id="homeTopTab">
            <Tabs [page]="tabPageShowCount" [tabBarUnderlineStyle]="tabBarUnderlineStyle" [swipeable]="false" [animated]="true" [useOnPan]="false" [tabBarActiveTextColor]="'#252629'" [tabBarTextStyle]="tabBarTextStyle" [activeTab]="tabPaneIndex" [prerenderingSiblingsNumber]="tagData.data.length" (onTabClick)="onTabsChange($event,tagData.data,tagData.currentData.tags)">
                <ng-container *ngFor="let item of tagData.data;let i=index;">
                    <TabPane [title]="titleTemplate">
                        <ng-template #titleTemplate>
                            <ng-container *ngIf="tagData.cssType&&tagData.cssType===3">
                                <div id="{{tabPaneId}}{{i}}" [ngClass]="{'tab-checked': i === tabPaneIndex}">
                                    {{item.label}}
                                </div>
                            </ng-container>
                            <ng-container *ngIf="tagData.cssType&&tagData.cssType===4">
                                <div id="{{tabPaneId}}{{i}}" [ngClass]="{'tab-normal-checked': i === tabPaneIndex}">
                                    {{item.label}}
                                </div>
                            </ng-container>
                            <ng-container *ngIf="!(tagData.cssType&&(tagData.cssType===3||tagData.cssType===4))">
                                <div id="{{tabPaneId}}{{i}}" [ngClass]="{'tab-checked': i === tabPaneIndex}">
                                    {{item.label}}
                                </div>
                            </ng-container>
                        </ng-template>
                        <!--onscroll="onTabpaneScroll($event)"-->
                        <div id="tabPaneScrollContent" [ngClass]="
                        {
                            'cssType3TabPane': tagData.cssType&&tagData.cssType===3,
                            'cssType4TabPane': tagData.cssType&&tagData.cssType===4,
                        'defaultTabPane':(tagData.cssType===undefined||tagData.cssType!==3),
                    'overFlowHidden':item.partLink.params.scroll}">
                            <ng-container *ngIf="this.tabPaneIndex===i">
                                <ng-container *ngFor="let tagsItem of currentDataArray[i]" [ngSwitch]="tagsItem.style">
                                    <div *ngIf="isSpinning" class="loading-box">
                                        <ion-spinner></ion-spinner>
                                    </div>
                                    <ng-container *ngIf="!isSpinning">
                                        <ng-container *ngSwitchCase="'appTabTag-smooth-style'">
                                            <app-smooth-style-button [tagData]="tagsItem">
                                            </app-smooth-style-button>
                                        </ng-container>
                                        <ng-container *ngSwitchCase="'twoCss'">
                                            <app-switch-block-button [tagData]="tagsItem">
                                            </app-switch-block-button>
                                        </ng-container>
                                        <ng-container *ngSwitchCase="'threeCss'">
                                            <app-switch-block-button [tagData]="tagsItem">
                                            </app-switch-block-button>
                                        </ng-container>
                                    </ng-container>
                                </ng-container>
                                <ng-container *ngIf="isAddCommonNestedTag!==undefined&&isAddCommonNestedTag===true">
                                    <div [ngClass]="{
                                 'overFlowdefault':item.partLink.params.scroll===undefined,
                                 'overFlowScroll': item.partLink?.params?.scroll==='overFlowScroll',
                                 'overFlowScroll1': item.partLink?.params?.scroll==='overFlowScroll1',
                                 'overFlowScroll4': item.partLink?.params?.scroll==='overFlowScroll4'
                                }">
                                        <ion-content style="--background: #f5f5f5;">
                                            <div *ngIf="isSpinning" class="loading-box">
                                                <ion-spinner></ion-spinner>
                                            </div>
                                            <ng-container *ngIf="!isSpinning">
                                                <app-common-nested-tag [currentDataArray]="currentDataArray[i]">
                                                </app-common-nested-tag>
                                            </ng-container>
                                        </ion-content>
                                    </div>
                                </ng-container>
                            </ng-container>
                        </div>
                    </TabPane>
                </ng-container>
            </Tabs>
            <!-- <ul class="ulTopTab 3">
            <li *ngFor="let item of tagData.data;let i=index;" id="homeNavTab{{i}}"
                [ngClass]="{'active': tagData.currentTab === item.indexTab}" [ngStyle]="{'width': aWidth}"
                appDebounceClick (debounceClick)="change(item,item.indexTab)">
                <span>{{item.label}}</span>
            </li>
        </ul> -->
            <!-- <div id="HometopSegment">
            <ion-segment #segment (ionChange)="segmentChanged($event)" [(ngModel)]="selectedSegment"
                [scrollable]="true">
                <ion-segment-button id="hometopSegmentBtn{{i}}" *ngFor="let item of tagData.data;let i=index;"
                    [value]="i">
                    <span>{{item.label}}</span>
                    <div class="bar"></div>
                </ion-segment-button>
            </ion-segment>
        </div>
        <hr style="width: 100%;height: 0.04rem;background-color: #EBEBED;"> -->
        </ion-toolbar>

        <ion-toolbar *ngIf="showSubTab" style="--padding-bottom:0px;padding-left: 0px;padding-right: 0px;--padding-top: 0px;">
            <!-- <Tabs [page]="subTagData.data.length" [swipeable]="false" [animated]="true" [useOnPan]="false"
            [activeTab]="index" [tabBarUnderlineStyle]="tabBarUnderlineStyle" [tabBarActiveTextColor]="'#ffca3a'"
            (onChange)="onTabsChange($event,subTagData.data,subTagData.currentData.tags)">
            <ng-container *ngFor="let item of subTagData.data;let i=index;">
                <TabPane [title]="titleTemplate">
                    <ng-template #titleTemplate>
                        <div>{{item.label}}</div>
                    </ng-template>
                    <div style="align-items: center;justify-content: center;height: 100%;background-color: #fff">
                        <ng-container *ngFor="let tagsItem of currentDataArray[i]" [ngSwitch]="tagsItem.style">
                            <div *ngIf="isSpinning" class="loading-box">
                                <ion-spinner></ion-spinner>
                            </div>
                            <ng-container *ngIf="!isSpinning">
                                <ng-container *ngSwitchCase="'imglistTag'">
                                    <app-mine-list [tagData]="tagsItem"></app-mine-list>
                                </ng-container>
                                <ng-container *ngSwitchCase="'systemMessagesTag'">
                                    <app-system-news [tagData]="tagsItem"></app-system-news>
                                </ng-container>
                                <ng-container *ngSwitchCase="'invitationMessageTag'">
                                    <app-chat-invite [tagData]="tagsItem"></app-chat-invite>
                                </ng-container>
                            </ng-container>
                        </ng-container>
                    </div>
                </TabPane>
            </ng-container>
        </Tabs> -->
            <ng-container *ngIf="subTagData&&subTagData.cssType&&subTagData.cssType===2">
                <div id="homeTopCssType2Segment">
                    <ion-segment #segment (ionChange)="customSegmentChanged($event)" [(ngModel)]="selectedSegment" [scrollable]="true">
                        <ion-segment-button *ngFor="let item of subTagData.data;let i=index;" [value]="i">
                            <span>{{item.label}}</span>
                            <div class="bar"></div>
                        </ion-segment-button>
                    </ion-segment>
                </div>
            </ng-container>
            <ng-container *ngIf="subTagData&&(subTagData.cssType&&subTagData.cssType!==2&&subTagData.cssType!==3)||(!subTagData.cssType)">
                <ul class="ulTopTab 4">
                    <li *ngFor="let item of subTagData.data;let i=index;" id="fixedNavTab{{i}}" [ngClass]="{'active': subTagData.currentTab === item.indexTab}" [ngStyle]="{'width': subAWidth}" appDebounceClick (debounceClick)="subChange(item,item.indexTab)">
                        <span id="fixedSpanNavTab{{i}}">{{item.label}}</span>
                    </li>
                </ul>
                <ng-container *ngIf="switchBlockTag">
                    <div id="switchBoxId-home" class="switch-main-box">
                        <div class="switch-box" [ngStyle]="switchBlockTag.cssType | styleFilter">
                            <ng-container *ngFor="let item of switchBlockTag.data">
                                <ng-container *ngIf="switchBlockTag.style==='twoCss'">
                                    <button id="{{item.id}}" class="switch-box-button-twoCss" appDebounceClick (debounceClick)="switchBlockClick(item,'twoCss')" [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-twoCss':item.selected==='true'}">
                                        <p class="switch-box-label-twoCss" [ngClass]="{'switch-box-label-checked-twoCss': item.selected==='true'}">
                                            {{item.label}}</p>
                                    </button>
                                </ng-container>
                                <ng-container *ngIf="switchBlockTag.style==='oneCss'">
                                    <button id="{{item.id}}" class="switch-box-button-oneCss" appDebounceClick (debounceClick)="switchBlockClick(item,'oneCss')" [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-oneCss':item.selected==='true'}">
                                        <p class="switch-box-label-oneCss" [ngClass]="{'switch-box-label-checked-oneCss': item.selected==='true'}">
                                            {{item.label}}</p>
                                    </button>
                                </ng-container>
                            </ng-container>
                            <div class="empty-box">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        </div>
                        <div class="switch-block2"></div>
                        <div class="switch-block1"></div>
                    </div>
                </ng-container>
                <hr *ngIf="subTagData.isShowLine===true" style="width: 100%;height: 0.04rem;background-color: #EBEBED;">
            </ng-container>
        </ion-toolbar>

        <!--1.6.15 新增您有新消息-->
        <div class="notifyBox" id="notifyBox" *ngIf="appGlobalService.isShowMessageNotifyDiv===true">
            <div class="notifyInnerBox" id="notifyInnerBox" *ngIf="appGlobalService.isShowMessageNotifyDiv===true">
                <div class="messageNotify" id="messageNotify" *ngIf="appGlobalService.isShowMessageNotifyDiv===true">
                    <div class="notifyTop"><span class="notifyTopLeft"><img class="notifyIcon" src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1649987499675a7c4b06bf1420828c96c1553956c5786.png">
                            您有新信息</span><span class="notifyTopRight">
                            <ng-container *ngIf="appGlobalService.showMessageDateTime">
                                {{appGlobalService.showMessageDateTime}}</ng-container>
                        </span></div>
                    <p class="messageBody">
                        <ng-container *ngIf="appGlobalService.showMessageBody">
                            {{appGlobalService.showMessageBody}}</ng-container>
                    </p>
                </div>
            </div>
        </div>
        <!---->
        <app-header-coms *ngIf="headerComs" [coms]="headerComs"></app-header-coms>

        <!--我的配置修复 1.9.0 改动-->
        <div class="set-img-bg2 hiddenTitleBar" *ngIf="isShowTitleBar!==undefined" [ngStyle]="this.isShowTitleBar?.link?.params?.hiddenTitleBarCssStyle | styleFilter">
            <div class="set-img" style="margin-left: 1.25rem;"></div>
            <p class="hiddenText" [ngStyle]="this.isShowTitleBar?.link?.params?.hiddenTitleLabelCssStyle | styleFilter">
                {{this.isShowTitleBar?.link?.params?.hiddenTitleLabel}}</p>
            <!--1.6.14 赚钱宝新增选择城市-->
            <span class="set-city" *ngIf="this.isShowTitleBar!==undefined&&this.isShowTitleBar?.link?.params?.showChoosenCityLabel" [ngStyle]="this.isShowTitleBar?.link?.params?.choosenCityCssStyle | styleFilter">{{this.isShowTitleBar?.link?.params?.showChoosenCityLabel}}
                <img alt="" class="set-city-arrow" src="assets/fw/nav_icon_down_arrow@3x.png">
            </span>

            <img alt="" class="set-img" src="{{this.isShowTitleBar?.link?.params?.iconUrl}}" onerror="this.src='assets/fw/nav_icon_set up@3x.png'" [ngStyle]="this.isShowTitleBar?.link?.params?.iconUrlCssStyle | styleFilter" appDebounceClick (debounceClick)="buttonClick(isShowTitleBar.link)">
        </div>

        <!-- 发布页面header 11.25rem height -->
        <div class="banner-bg" [ngStyle]="{'color':titleBar.title?.bgColor}" *ngIf="titleBar && titleBar.title?.tips && titleBar.title?.tips.length > 0">
            <div class="release-bg"></div>
            <div class="tip-bg">
                <p class="tips" id="post-title-tips" [innerHtml]="titleBar.title.tips"></p>
            </div>
        </div>


        <!--1.6.14 新增 维保需求顶部提示-->
        <ng-container *ngIf="appGlobalService?.headerTopTab!==undefined">
            <!--appTabData-->
            <div class="siftTopTab" *ngIf="appGlobalService.headerTopTab" [ngStyle]="appGlobalService.headerTopTab.data[0].partLink?.params?.headerTopBoxCssStyle | styleFilter">
                <ng-container *ngFor="let item of appGlobalService.headerTopTab.data;let i=index;">
                    <div class="normalTitle homeHeader1" [ngStyle]="item.partLink?.params?.singleBoxCssStyle | styleFilter" appDebounceClick (debounceClick)="tabClick(item.id,i)">
                        <ng-container *ngIf="i === appGlobalService.headerTopTabIndex; else elseTemplate">
                            <font class="tab-checked" [ngStyle]="item.partLink?.params?.checkedTitleCssStyle | styleFilter">

                                <img class="leftIcon" *ngIf="item.partLink?.params?.leftIcon" [src]="item.partLink?.params?.leftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1681716603335ba29168d23b330b7e8d785a29cf1097b.png'" [ngStyle]="item.partLink?.params?.leftIconCssStyle|styleFilter" />

                                {{item.label}}<font *ngIf="item.partLink?.params?.subTitle" [ngStyle]="item.partLink?.params?.checkSubTitleCssStyle | styleFilter">
                                    {{item.partLink?.params?.subTitle}}
                                </font>
                            </font>
                            <div class="type-1-tab">
                                <div [ngStyle]="item.partLink?.params?.checkSlideCssStyle | styleFilter" class="slideBox checkFengwo">
                                </div>
                                <font class="type-1-font" *ngIf="item.partLink?.params?.subTitle">
                                    {{item.partLink?.params?.subTitle}}
                                </font>
                            </div>
                        </ng-container>
                        <ng-template #elseTemplate>
                            <font [ngStyle]="item.partLink?.params?.normalTitleCssStyle | styleFilter">
                                <img class="leftIcon" *ngIf="item.partLink?.params?.leftIcon" [src]="item.partLink?.params?.leftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1681716603335ba29168d23b330b7e8d785a29cf1097b.png'" [ngStyle]="item.partLink?.params?.leftIconCssStyle|styleFilter" />
                                {{item.label}}
                                <font *ngIf="item.partLink?.params?.subTitle" [ngStyle]="item.partLink?.params?.normalSubTitleCssStyle | styleFilter">
                                    {{item.partLink?.params?.subTitle}}
                                </font>
                            </font>
                            <div class="type-1-tab">
                                <div [ngStyle]="item.partLink?.params?.normalSlideCssStyle | styleFilter" class="slideBox">
                                </div>
                                <font class="type-1-font" *ngIf="item.partLink?.params?.subTitle">
                                    {{item.partLink?.params?.subTitle}}
                                </font>
                            </div>
                        </ng-template>
                    </div>
                </ng-container>
            </div>
            <!--1.6.15版本修改-->
            <ng-container *ngIf="appGlobalService?.headerSiftTag!==undefined&&appGlobalService?.headerSiftTag!==null">
                <app-sift [tagData]="appGlobalService.headerSiftTag"></app-sift>
            </ng-container>
        </ng-container>

        <div id="toolbar-{{currentRootTabId}}" class="displayno">
            <select class="ql-header">
                <!-- Note a missing, thus falsy value, is used to reset to default -->
                <option selected></option>
                <option value="1"></option>
                <option value="2"></option>
                <option value="3"></option>
                <option value="4"></option>
            </select>
            <!-- Add font size dropdown -->
            <select class="ql-size">
                <option value="12"></option>
                <!-- Note a missing, thus falsy value, is used to reset to default -->
                <option selected></option>
                <option value="16"></option>
                <option value="18"></option>
                <option value="22"></option>
                <option value="26"></option>
            </select>
            <!-- Add a bold button -->
            <button class="ql-bold"></button>
            <span class="ql-formats">
                <select class="ql-color"></select>
            </span>
            <span class="ql-formats">
                <select class="ql-align">
                    <option selected=""></option>
                    <option value="center"></option>
                    <option value="right"></option>
                    <option value="justify"></option>
                </select>
            </span>
            <!-- Add bullet and ordered list buttons -->
            <button class="ql-list" value="ordered"></button>
            <button class="ql-list" value="bullet"></button>
            <button class="ql-image"></button>
        </div>
    </ion-header>
    <app-coms id="superCotainer" *ngIf="coms&&!showRefresh" [coms]="coms"></app-coms>
    <app-second *ngIf="subComs&&!showRefresh" [subComs]="subComs"></app-second>
    <ion-backdrop *ngIf="!showRefresh" style="opacity:0.3; height:100000px;" id="main-backdrop" (ionBackdropTap)="backdropclick()" [tappable]="appGlobalService.openBackdrop" [visible]="true" [stopPropagation]="appGlobalService.openBackdrop" [ngClass]="{'showDrop': !appGlobalService.openBackdrop}">
    </ion-backdrop>
    <ng-container *ngIf="showRefresh">
        <img class="empty-img" src=" assets/icon/empty_no@3x.png" alt="">
        <p *ngIf="!netState" class="empty-title"><span *ngIf="titleBar?.errMessage">{{titleBar.errMessage}}</span>
            <span *ngIf="!(titleBar?.errMessage)">网络繁忙</span>
        </p>
        <p *ngIf="!netState" class="empty-sub-title">别紧张，试试看刷新页面</p>
        <p *ngIf="netState === 'No network connection'" class="empty-title">无网络连接</p>
        <p *ngIf="netState === 'No network connection'" class="empty-sub-title">请检查网络设置</p>
        <p *ngIf="netState === '5502'" class="empty-sub-title">登录状态已过期,请重新登录</p>
        <button *ngIf="netState !== '5502'" class="empty-btn" appDebounceClick (debounceClick)="refreshPage()">刷新</button>
    </ng-container>
    <ng-container *ngIf="showEmptyMessage">
        <p class="empty-message">暂无消息</p>
    </ng-container>
    <!-- <ion-infinite-scroll *ngIf="showLoading === true " id="home-view-infinite" threshold="1%"
        (ionInfinite)="loadData($event)">
        <ion-infinite-scroll-content loadingSpinner="" loadingText="">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll> -->

    <!-- 1.9.2 新增回到顶部添加参数配置 -->
    <div class="scrollToTopBox" *ngIf="showScrollToTopBtn===true" appDebounceClick (debounceClick)="scrollToTop($event)"><img src="assets/fw/arrow_icon_up@3x.png" class="scrollToTop" />顶部</div>

</ion-content>
<ion-footer *ngIf="footerComs&&footerComs.length>0" [ngClass]="{'bg-image':showWaterImg}">
    <ion-backdrop *ngIf="appGlobalService.openBackdrop" style="opacity:0.3; height:100000px;" id="main-backdrop" (ionBackdropTap)="backdropclick()" [tappable]="appGlobalService.openBackdrop" [visible]="true" [stopPropagation]="appGlobalService.openBackdrop" [ngClass]="{'showDrop': !appGlobalService.openBackdrop}">
    </ion-backdrop>
    <app-footer-coms [coms]="footerComs"></app-footer-coms>
</ion-footer>
<!-- 发布标签的下一步转到footer  [ngStyle]="appGlobalService.nextPageFomObj.cssStyle  | styleFilter" -->
<ion-footer *ngIf="appGlobalService?.nextPageFomObj !== undefined">
    <div class="next-btn-bg" [ngStyle]="appGlobalService.nextPageFomObj.cssStyle | styleFilter">
        <div class="next-btn" appDebounceClick (debounceClick)="appGlobalService.nextPage()" [ngStyle]="appGlobalService.nextPageFomObj.labelCssStyle | styleFilter">
            {{appGlobalService.nextPageFomObj.label}}
        </div>
    </div>
</ion-footer>

<!--1.6.14 新增 维保需求footerButton-->
<ion-footer *ngIf="appGlobalService?.footerButton !== undefined&&appGlobalService?.footerButton!==null">
    <ng-container [ngSwitch]="appGlobalService.footerButton.style">
        <ng-container *ngSwitchCase="'tag.AppGeneralButtonTagLogic'">
            <app-common-submit-btn [tagData]="appGlobalService.footerButton"></app-common-submit-btn>
        </ng-container>
        <ng-container *ngSwitchCase="'tag.AppSimpleDetailTagLogic'">
            <app-store-consultant [tagData]="appGlobalService.footerButton"></app-store-consultant>
        </ng-container>
    </ng-container>
</ion-footer>

<div *ngIf="isPageDisabled && coms && coms[0].tagData.style !== 'videos'" class="pageDisabledBox" [ngStyle]="appGlobalService.pageDisabledBoxCssStyle|styleFilter">
    <div class="disabledTop">
        <div class="disabledBackBtn" appDebounceClick (debounceClick)="back()"></div>
    </div>
    <div class="disabledGrowBox"></div>
    <div class="disabledTipBox">
        <div class="disabledInner">
            <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1619412141596efc12b3ff71f353cc08441a4f74d1285.png" class="disableInnerImg">
            <p class="disableFont">信息已失效!</p>
        </div>
    </div>
    <div class="disableBottom"></div>
</div>

<div id="fengwoCustomerChat1" class="fengwoCustomerChat entryPage" *ngIf="serviceLink" appDebounceClick (debounceClick)="gotoEnterpriseWechat($event)">
    <!--1.9.18 在线客服-->
    <div>
        <font id="fengwoCustomerChatLabel">
            <ng-container *ngIf="serviceLink===undefined; else serviceLinkElseTemplate">
                在线客服
            </ng-container>
            <ng-template #serviceLinkElseTemplate>
                {{serviceLink?.label}}
            </ng-template>
        </font>
        <img id="fengwoCustomerChatIcon" class="fcc-icon" src="{{serviceLink?.iconUrl}}" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165649405086632bb45beefe7fcd893b2f15a1eed206b.png'" />
    </div>
</div>

<ng-container *ngIf="appGlobalService&&appGlobalService?.msgSecondTipObj!==''">
    <div style="position: absolute;bottom: 0.75rem;z-index: 9999;display: flex;width:auto;flex-direction: column;justify-content: center;align-items: flex-end;padding-left: 0.75rem;right:0.75rem;" *ngIf="showDivTips&&appGlobalService?.msgTopTipButtonObj&&appGlobalService?.msgTopTipButtonObj?.visible" [ngClass]="{'bottomBtnStyle2':appGlobalService.msgSecondTipObj?.visible,'bottomBtnStyle3':!appGlobalService.msgSecondTipObj?.visible,
    'bottomBtnStyle1':appGlobalService.msgSecondTipObj?.visible&&appGlobalService.msgFirstTipObj?.visible}">
        <!--2.2.0 新增咨询管家-->
        <div class="topTipButtonBox" *ngIf="appGlobalService.msgTopTipButtonObj&&appGlobalService.msgTopTipButtonObj?.visible" [ngStyle]="appGlobalService.msgTopTipButtonObj?.tipsMainBoxCssStyle|styleFilter" appDebounceClick (debounceClick)="appGlobalService.openPage(appGlobalService.msgTopTipButtonObj.btnLink.link)">
            <img [src]="appGlobalService.msgTopTipButtonObj?.topFirstRowLeftIcon" 
            class="topTipsBtnIcon" 
            *ngIf="appGlobalService.msgTopTipButtonObj?.topFirstRowLeftIcon" 
            [ngStyle]="appGlobalService.msgTopTipButtonObj?.topFirstRowLeftIconCssStyle|styleFilter" 
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_168869863682848ccef20f724914e93321c4fbf53156b.png'" />
            <span *ngIf="appGlobalService.msgTopTipButtonObj?.buttonLabel" class="topTIpsBtnLabel" [ngStyle]="appGlobalService.msgTopTipButtonObj?.buttonLabelCssStyle|styleFilter">{{appGlobalService.msgTopTipButtonObj?.buttonLabel}}</span>
        </div>
        <img [src]="appGlobalService.msgTopTipButtonObj?.topFirstRowRightIcon" 
            class="topTipsBtnIcon" 
            *ngIf="appGlobalService.msgTopTipButtonObj?.topFirstRowRightIcon" 
            [ngStyle]="appGlobalService.msgTopTipButtonObj?.topFirstRowRightIconCssStyle|styleFilter" 
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_168869863682848ccef20f724914e93321c4fbf53156b.png'" />

    </div>
</ng-container>





<div style="position: absolute;bottom: 0.75rem;z-index: 9999;display: flex;width:auto;flex-direction: column;justify-content: center;align-items: flex-end;padding-left: 0.75rem;" *ngIf="showDivTips || appGlobalService.floatShoppingCartIsShow" [ngStyle]="appGlobalService.floatShoppingCartObj?.outerBox1CssStyle|styleFilter">

    <div class="floatShoppingCart" *ngIf="appGlobalService.floatShoppingCartIsShow">
        <div class="shoppingCartBox" appDebounceClick (debounceClick)="appGlobalService.openPage(appGlobalService.floatShoppingCartObj.buttonLink.link)">
            <img [ngStyle]="appGlobalService.floatShoppingCartObj?.iconCssStyle|styleFilter" [src]="appGlobalService.floatShoppingCartObj?.icon" class="shoppingCartImg" onerror="this.src='assets/fw/nav_icon_cart@3x.png'">
            <div [ngStyle]="appGlobalService.floatShoppingCartObj?.countCssStyle|styleFilter" *ngIf="appGlobalService.floatShoppingCartObj?.count > 0" class="shoppingCarCount">
                {{appGlobalService.floatShoppingCartObj?.count}}</div>
        </div>
    </div>


    <div class="firstTipBox" *ngIf="appGlobalService?.msgFirstTipObj&&appGlobalService.msgFirstTipObj?.visible">
        <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677047727716de29df9107435d38e92dbee4f1bab2f4.png" class="firstTipIcon" appDebounceClick (debounceClick)="showTipBox(1)" *ngIf="appGlobalService.msgFirstTipObj?.showBtnIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677047727716de29df9107435d38e92dbee4f1bab2f4.png'" />
        <div class="tips1MainBox" *ngIf="!appGlobalService.msgFirstTipObj.showBtnIcon" [ngStyle]="appGlobalService.msgFirstTipObj?.tips1MainBoxCssStyle|styleFilter">

            <img class="closeIcon" *ngIf="appGlobalService.msgFirstTipObj.closeIcon" [src]="appGlobalService.msgFirstTipObj.closeIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_167704994061487b3b1695682303aa8728a8888edda24.png'" [ngStyle]="appGlobalService.msgFirstTipObj.closeIconCssStyle|styleFilter" appDebounceClick (debounceClick)="showTipBox(1)" />

            <div class="tips1InnerBox" [ngStyle]="appGlobalService.msgFirstTipObj?.tipsMainBoxCssStyle|styleFilter">
                <span class="tip1TopFirstRowLabel" *ngIf="appGlobalService.msgFirstTipObj?.topFirstRowLabel" [ngStyle]="appGlobalService.msgFirstTipObj?.topFirstRowLabelCssStyle|styleFilter">

                    <img class="tip1TopFirstRowLeftIcon" *ngIf="appGlobalService.msgFirstTipObj?.topFirstRowLeftIcon" [src]="appGlobalService.msgFirstTipObj?.topFirstRowLeftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677057446892b401b8f802b9b480d607bdf92bad232a.png'" [ngStyle]="appGlobalService.msgFirstTipObj?.topFirstRowLeftIconCssStyle|styleFilter" />

                    {{appGlobalService.msgFirstTipObj?.topFirstRowLabel}}</span>

                <span class="tip2SecondRowLabel" *ngIf="appGlobalService.msgFirstTipObj?.secondRowLabel" [ngStyle]="appGlobalService.msgFirstTipObj?.secondRowLabelCssStyle|styleFilter">{{appGlobalService.msgFirstTipObj?.secondRowLabel}}</span>
            </div>

            <span class="tips1BoxBtn" *ngIf="appGlobalService.msgFirstTipObj?.buttonLabel" [ngStyle]="appGlobalService.msgFirstTipObj?.buttonLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="appGlobalService.openPage(appGlobalService.msgFirstTipObj.buttonLink.link)">{{appGlobalService.msgFirstTipObj?.buttonLabel}}</span>
        </div>
    </div>


    <!--2.0待付款-->
    <div class="secondTipBox" *ngIf="appGlobalService?.msgSecondTipObj&&appGlobalService.msgSecondTipObj?.visible">
        <img src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677047151523d9a47b1326e984733a6a6d644ca81aa9.png" class="firstTipIcon" appDebounceClick (debounceClick)="showTipBox(2)" *ngIf="appGlobalService.msgSecondTipObj?.showBtnIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677047151523d9a47b1326e984733a6a6d644ca81aa9.png'" />
        <div class="tips2MainBox" *ngIf="!appGlobalService.msgSecondTipObj.showBtnIcon" [ngStyle]="appGlobalService.msgSecondTipObj?.tips2MainBoxCssStyle|styleFilter">

            <img class="closeIcon" *ngIf="appGlobalService.msgSecondTipObj.closeIcon" [src]="appGlobalService.msgSecondTipObj.closeIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_167704994061487b3b1695682303aa8728a8888edda24.png'" [ngStyle]="appGlobalService.msgSecondTipObj.closeIconCssStyle|styleFilter" appDebounceClick (debounceClick)="showTipBox(2)" />

            <div class="tips2InnerBox" [ngStyle]="appGlobalService.msgSecondTipObj?.tipsMainBoxCssStyle|styleFilter">
                <img class="tip1TopFirstRowLeftIcon" *ngIf="appGlobalService.msgSecondTipObj?.topFirstRowLeftIcon" [src]="appGlobalService.msgSecondTipObj?.topFirstRowLeftIcon" onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677057446892b401b8f802b9b480d607bdf92bad232a.png'" [ngStyle]="appGlobalService.msgSecondTipObj?.topFirstRowLeftIconCssStyle|styleFilter" />
                <div class="innerRightBox" [ngStyle]="appGlobalService.msgSecondTipObj?.innerRightBox|styleFilter">
                    <span class="tip1TopFirstRowLabel" *ngIf="appGlobalService.msgSecondTipObj?.topFirstRowLabel" [ngStyle]="appGlobalService.msgSecondTipObj?.topFirstRowLabelCssStyle|styleFilter">{{appGlobalService.msgSecondTipObj?.topFirstRowLabel}}</span>
                    <span class="tip2SecondRowLabel" *ngIf="appGlobalService.msgSecondTipObj?.secondRowLabel" [ngStyle]="appGlobalService.msgSecondTipObj?.secondRowLabelCssStyle|styleFilter">
                        <font *ngIf="appGlobalService.msgSecondTipObj?.secondRowLabelUnit" [ngStyle]="appGlobalService.msgSecondTipObj?.secondRowLabelUnitCssStyle">
                            {{appGlobalService.msgSecondTipObj?.secondRowLabelUnit}}</font>
                        {{appGlobalService.msgSecondTipObj?.secondRowLabel}}
                        <font *ngIf="appGlobalService.msgSecondTipObj?.secondRowLabel2" [ngStyle]="appGlobalService.msgSecondTipObj?.secondRowLabel2CssStyle|styleFilter">
                            {{appGlobalService.msgSecondTipObj?.secondRowLabel2}}</font>
                    </span>
                </div>
            </div>
            <span class="tips2BoxBtn" *ngIf="appGlobalService.msgSecondTipObj?.buttonLabel" [ngStyle]="appGlobalService.msgSecondTipObj?.buttonLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="appGlobalService.openPage(appGlobalService.msgSecondTipObj.buttonLink.link)">{{appGlobalService.msgSecondTipObj?.buttonLabel}}</span>
        </div>
    </div>
</div>



<!--2024.06.13 2.3.3 用于商家寄件下单等跳转功能-->
<div #viewContainer ></div>
